Visual Studio Code Özellikleri
-
melihcelenk
- Site Admin
- Mesajlar: 217
- Kayıt: 05 Eki 2021, 03:23
Visual Studio Code Özellikleri
Kısayollar
Gitlens:
Commit'leri, branch'leri vs. görebileceğiniz bir Git eklentisi.
https://marketplace.visualstudio.com/it ... io.gitlens
Prettier:
Shift + Alt + F kısayolu ile kodumuzu düzenlemizi sağlayan Prettier eklentisini kullanırken Tab tuşuna bastığımızda 4 karakter ilerlerken Prettier ile düzenlediğimiz tab'lar 2 karakter olabilir. Bunu düzeltmek için Prettier'ın Tab genişliğini 4 olarak değiştirebiliriz.
Uzantı ayarları üzerinden Prettier: TabWidth 4 olarak değiştirilebilir.
Markdown All in One:
Markdown biçiminde yazılmış dosyaları görüntüleme eklentisi
https://marketplace.visualstudio.com/it ... all-in-one
Kullanım: Sağ alttan dosya biçimini Markdown olarak işaretledikten sonra Ctrl + Shift + P ile "Markdown" araması yapıp ilgili komutları görebiliriz. Bu komutlar içinden önizlemeyi seçip pencereyi sağa sürükleyerek yazmakta olduğumuz yazı ile önizlemesini aynı anda görebiliriz.
Snippet Ekleme
Snippet'lar basitçe hazır kod parçacıklarıdır. Örneğin for yazıp taba bastığınızda size hazır olarak içi düzenlenecek bir for yapısı sunar. Visual Studio'da oluşturulmuş snippet'ları kullanabildiğimiz gibi kendi snippet'larımızı da oluşturabiliriz. Örneğin React Native için bir snippet arıyorsak eklentiler kısmından React Native Snippet diye arama yapabiliriz.
Kendi snippet'ımızı oluşturmak için Ctrl + Shift + P ile komut paletini açıp Snippet yazarak Preferences: Configure User Snippets'ı seçip istediğimiz dosyanın (örneğin html) snippet oluşturma dosyasına girebiliriz. Orada nasıl snippet yazacağımız bir örnek ile belirtilmiştir. $1, $2 gibi etiketlerle içi doldurulacak kısımları doldurup Tab tuşu ile geçebileceğimiz bir yapı oluşturabiliriz. Böylece daha hızlı kod yazabiliyor oluruz.
- Alt tuşuna basarak birden fazla noktada sol tıklarsanız aynı anda birçok yerde değişiklik yapabilirsiniz.
- Alt Sol Tık.gif (41.02 KiB) 483 kere görüntülendi
- Sol tıkladığınız bir noktadan Alt + Shift'e basarak aşağı doğru sola basılı tutarak fareyi sürüklerseniz birden fazla satırda değişiklik yapabilirsiniz. Yukarıdaki komuttan farkı her satırda tek tek tıklamaya gerek duymamamızdır.
- Ctrl + Alt + Shift + Yukarı/Aşağı yön tuşları ile yukarıdaki işlemi sadece klavye kullanarak yapabilirsiniz.
- Bir satırı aşağı veya yukarı almak için Alt + Yukarı/Aşağı yön tuşlarını kullanabilirsiniz.
- Bir satırı aşağı veya yukarı kopyalamak için Alt + Shift + Yukarı/Aşağı yön tuşlarını kullanabilirsiniz.
- Ctrl + P ile dosyaları açabilirsiniz.
- Ctrl + Shift + P ile komut paletini açabilirsiniz.
- Komut paletini açarak Format Document yazarsanız ya da doğrudan Shift + Alt + F komutunu girerseniz kodunuz düzenlecektir.
- Ctrl + Shift + F ile bütün dosyalarda arama yapabilirsiniz.
- Ctrl + D ile aynı etiketleri çoklu olarak seçip düzenleme yapabilirsiniz.
- Ctrl D.gif (23.63 KiB) 478 kere görüntülendi
- Ctrl + Enter ile bulunulan satırın altına imleci sona çekme gereği olmadan geçebilirsiniz.
- Ctrl + Sayı (1, 2, 3...) ile editör grupları arasında geçiş yapabilirsiniz.
- Ctrl + Shift + K ile bulunduğunuz satırı silebilirsiniz.
- Diğer Kısayollar: https://code.visualstudio.com/shortcuts ... indows.pdf (Help menüsünden bulabilirsiniz.)
Gitlens:
Commit'leri, branch'leri vs. görebileceğiniz bir Git eklentisi.
https://marketplace.visualstudio.com/it ... io.gitlens
Prettier:
Shift + Alt + F kısayolu ile kodumuzu düzenlemizi sağlayan Prettier eklentisini kullanırken Tab tuşuna bastığımızda 4 karakter ilerlerken Prettier ile düzenlediğimiz tab'lar 2 karakter olabilir. Bunu düzeltmek için Prettier'ın Tab genişliğini 4 olarak değiştirebiliriz.
Uzantı ayarları üzerinden Prettier: TabWidth 4 olarak değiştirilebilir.
Markdown All in One:
Markdown biçiminde yazılmış dosyaları görüntüleme eklentisi
https://marketplace.visualstudio.com/it ... all-in-one
Kullanım: Sağ alttan dosya biçimini Markdown olarak işaretledikten sonra Ctrl + Shift + P ile "Markdown" araması yapıp ilgili komutları görebiliriz. Bu komutlar içinden önizlemeyi seçip pencereyi sağa sürükleyerek yazmakta olduğumuz yazı ile önizlemesini aynı anda görebiliriz.
Snippet Ekleme
Snippet'lar basitçe hazır kod parçacıklarıdır. Örneğin for yazıp taba bastığınızda size hazır olarak içi düzenlenecek bir for yapısı sunar. Visual Studio'da oluşturulmuş snippet'ları kullanabildiğimiz gibi kendi snippet'larımızı da oluşturabiliriz. Örneğin React Native için bir snippet arıyorsak eklentiler kısmından React Native Snippet diye arama yapabiliriz.
Kendi snippet'ımızı oluşturmak için Ctrl + Shift + P ile komut paletini açıp Snippet yazarak Preferences: Configure User Snippets'ı seçip istediğimiz dosyanın (örneğin html) snippet oluşturma dosyasına girebiliriz. Orada nasıl snippet yazacağımız bir örnek ile belirtilmiştir. $1, $2 gibi etiketlerle içi doldurulacak kısımları doldurup Tab tuşu ile geçebileceğimiz bir yapı oluşturabiliriz. Böylece daha hızlı kod yazabiliyor oluruz.