Visual Studio 2013 Yeni Web Özellikleri Duyurusu ve SASS Yenilikleri – Update 2 CTP2

Tam ben SASS serisi videolarını bitirmişken, dün yapılan bir duyuruda SASS Project item ve editörü desteği de Visual Studio 2013 Güncellemesi ile geldi. Daha henüz deneme şansım olmadı fakat hemen haberi paylaşmak istedim.

Tabii ki bu güncelleme sadece SASS project item ve editörü için değil;

  • SASS Style Sheets – Project Item & Editor
  • JSON File – Project Item & Editor
  • Yeni web projesi oluştururken, uzak Azure kaynakları oluşturma seçeneği.
  • MVC/SPA Şablon değişiklikleri
  • LESS editör iyileştirmeleri
  • Knockout Intellisense güncellemesi
  • HTML, Razor, CSS, LESS, SASS sayfalarında yeni URL seçicisi.
  • Browser link için yeni özellikler
  • ASP.NET MVC 5.1.1
  • ASP.NET Web API 2.1.1
  • ASP.NET Web Pages 3.1.1

gibi yeniliklerle gelen bir güncelleme paketi. Bu arada belirtilmiş ki;

Web Essential 2013 is not compatible with the Update 2 CTP2. If you install Update 2 CTP2, after opening Visual Studio, you’ll get an error message “EditorExtensionsPackage” couldn’t be loaded.   We hope to have a new version of Web Essentials out soon to support this release.

Yani; Web Essential 2013 şu an için Visual Studio 2013 Update 2 ile uyumlu değil. Hatta güncellemeyi kurduktan sonra “EditorExtensionsPackage” yüklenemedi şeklinde bir hata ile karşılaşacağınızdan bahsediyor. Fakat umuyorlarmış ki web essential 2013 ‘ün yeni versiyonunda bu sorun giderilecekmiş.

Yani yakın zamanda web essential 2013 ‘ünde yeni güncellemesi çıkacaktır.

Peki, SASS yeniliğine tekrar dönecek olursak, SASS dosya ve editör desteği ile beraber neler gelmiş;

  • Renklendirme
  • Değişken ve Mixins IntelliSense
  • Comment/uncomment(açıklama satırı yapma ve kaldırma)
  • Quick info(hızlı bilgi)
  • Formatting (sonunda 🙂 – metin formatı düzenleme CTRL + K + D ile yaptığımız şey)
  • Syntax validation (sözdizim hata kontrolü)
  • Outlining
  • Goto definition (Kaynağa gitme)
  • Color picker (Renk paleti)
  • Ayarlar ve dahası olarak belirtilmiş.

Bende inceledikten sonra hem seriyi toparlayıcı hem de güzel bir örnek ile bu yeni güncelleme ile gelenleri sizlere bir video’da paylaşabilirim.

Kaynak ve daha fazla bilgi için bakınız;

Announcing new Web Features in Visual Studio 2013 Update 2 CTP2 – .NET Web Development and Tools Blog – Site Home – MSDN Blogs.

 

kmb-udemy-reklam

Reklamlar

SASS – Koala App Kurulumu ve Kullanımı

SASS-Syntactically Awesome StyleSheets

SASS (Syntactically Awesome StyleSheets) serimizde, sıradaki video’da sizlere SASS kullanımında Visual Studio kullanmadan nasıl scss dosyalarını derleme yapabileceğinizden bahsedeceğim.

Bu videomuza kadar yaptığımız tüm örneklerde visual studio IDE kullanarak SASS(scss) dosyalarımızı oluşturduk. Dosyamız üzerinde kaydetme işlemi yaptığımız anda gerekli derleme gerçekleşerek bize CSS dosyamızı oluşturuyordu. Peki elimizde Visual Studio yoksa hangi araçları kullanarak sass dosyalarımızı derleyebiliriz. Bunun için sass’ın sitesinde bir dizi program bulunmaktadır. Uygulama listesine install sayfadan erişebilirsiniz. Open Source(ücretsiz) ve Paid(ücretli) olarak uygulamalar listelenmektedir. Ben ücretsiz olan Koala app ‘i kullanıyorum. Fakat Scout ‘da ona benzer, onu da kullanabilirsiniz. Tüm open source(ücretiz) yazanları kullanabilirsiniz. Paid(ücretli) olanlarda da ücreti karşılığı gayet güzel özellikler gelmektedir.

koala app

Koala app ve scout uygulamalarının ikisini de kullanabilirsiniz. İkisinin de amacı derleme yapmak. Yani bir metin editörü içermiyorlar. Bilgisayarınızda bir klasör’ü program üzerine sürükleyip bıraktığınızda o klasörü proje olarak kabul ediyor ve içerisindeki dosyaları okuyor. Okuduğu dosyaları türlerine göre listeliyor. Klasör içindeki dosyalarınız da yapacağınız kodlamayı “Not Defteri” , “Notepad++” vs gibi metin editörleri ile yapıyorsunuz. Koala bu dosyaları sadece derleyerek size css çıktılarını üretiyor. Bu videoda sizlere kurulumdan kullanımına kadar nasıl yapıldığını izleyebilirsiniz.

kmb-udemy-reklam