Tam metin 1673 Kelimeler, tahmini öğrenme süresi 5 dakika
Kaynak: Unsplash
Microsoft tarafından başlatılan kod editörü VisualStudio Code, geliştiricilere birçok kullanışlı araç ve eklenti uzantısı sağlar.İhtiyaçlarınıza göre kendi düzenleyicinizi oluşturabilirsiniz. VisualStudio Code, eklenti uzantılarını düzenli olarak günceller.Geliştirme sürecini basitleştirmek için Pazar yerinde uygun araçlar, kod parçacıkları veya diğer içerikleri bulabilirsiniz.
Eklenti uzantıları, VisualStudio Kod deneyiminin önemli bir parçasıdır. Bugün, Xiaoxin, kodlama deneyimini büyük ölçüde geliştirebilecek 5 VS Code uzantısını seçti.Kullanımı kolay ve sıradan insanların yararına ücretsiz.
1. Etiketi Otomatik Yeniden Adlandırma
Başlangıç etiketi ile bitiş etiketi arasında 50 satır olduğunda, hangi çerçeveyi seçerseniz seçin, HTML (veya JSX) ile ön uç kodu yazmak oldukça yorucudur. Belki H2'yi H3 olarak değiştirmek veya bir div'i span için değiştirmek istersiniz. Otomatik yeniden adlandırma etiketleri eklentisini kullanmazsanız, geliştiricilerin kapanış etiketlerini bulması zor olacaktır.
Neden işinizi kolaylaştırıp otomatik değişim yöntemini seçmiyorsunuz? Bu işlev, etiketlerin otomatik olarak yeniden adlandırılmasıyla elde edilebilir. Açılış etiketinde yapılan herhangi bir değişiklik otomatik olarak kapanış etiketine kopyalanır ve bunun tersi de geçerlidir.
Çalıştırmak için burayı tıklayın: Etiketi Otomatik Yeniden Adlandır
Etiketleri otomatik olarak yeniden adlandırın
2. Kod Akışı (CodeStream)
Kısacası, bu yorumlarla ilgili // olumlu bir yorum.
IDE ortamında kod yazmayı seviyor musunuz? Trello, Slack, Asana, Bitbucket ve MicrosoftTeams kullanıyor musunuz? CodeStream, çok sayıda aracı ve IDE'yi destekler, böylece geliştiriciler, kodlama ortamından ayrılmadan sorunları takip edebilir. Bu, geliştiricilerin bugünün sorunlarını meslektaşlarına nasıl açıklayacakları konusunda endişelenmek zorunda kalmadan çalışmak için daha fazla zamana sahip olacağı anlamına gelir.
Bunu yapmak için burayı tıklayın: CodeStream
Kodlama akışı
3. SCSS Intelligence (SCSS eklentisi: akıllı hatırlatıcı)
SCSS'de değişkenler oluşturmak harika. hatırlıyor musun? Olabilir.
Dün gece saat 3'te bulduğum yüzlerce dolar işareti ve değişken adında yaptığım gibi _variables.scss yerel türünü kullanırsanız, SCSS zekası, uygulamanın herhangi bir yerinde bu tür yaratıcı fikirleri istediğiniz zaman bulmanızı sağlar Belirli adları hatırlamak veya dosya aramaları yapmak zorunda kalmadan SCSS değişken adları.
Çalıştırmak için burayı tıklayın: SCSS IntelliSense
SCSS eklentisi: Akıllı hatırlatıcı
4. Yinelenen İşlem
VS Code, dosyaları sağ tıklatarak kopyalama işlevini doğrudan sağlar, ancak bu mükemmel kopya eklentisiyle karşılaştığımda, biraz rahatlayabileceğimi ve kopyalama sorunları konusunda endişelenmem gerektiğini düşünüyorum.
Beklediğiniz çoğaltma işlevini anında sağlamak için yalnızca Yinelenen Eylem uzantısı gerekir.
Çalıştırmak için burayı tıklayın: Yinelenen İşlem
Yinelenen işlem
5. Night Owl-a VS Code eklentisi, gece kuşları için çok uygundur
Bu, IDE tarihindeki en iyi projelerden biridir ve yazar tarafından son üç yıldır kullanılmaktadır (aslında aşağıdaki resim şu anki çalışma alanımın ekran görüntüsüdür). NightOwl'un yumuşak mavi tonu, geceleri görme yeteneğini koruyabilir.
Çalıştırmak için buraya tıklayın: Night Owl
Gecekuşu
Özel şeref:
Cyberpunk teması (Synthwave '84)
Bu Blade Runner'ın kodlanmış temasıdır ve deri trençkot, Lamborghini spor araba ve sis makinesiyle mükemmel uyum sağlar. Vaporwave arka plan müziğini açın, güzel kodlar yazmaya başlayın ve ardından kendinizi Neuromancer'in veritabanına ayırın.
Kaynak: Unsplash
Diğer temaların aksine Synthwave84, metin parlama efektini etkinleştirmek için bazı ek değişiklikler gerektirir, ancak gelecekte bunun faydalı olacağını düşüneceğinizi düşünüyorum.
Devam etmek için burayı tıklayın: Synthwave 84
Synthwave 84 Cyberpunk Teması
Hepinize mutlu bir "yemek" diliyorum ~
Yorum Beğen Takip Et
Yapay zeka öğrenme ve geliştirmenin kuru mallarını paylaşalım
Yeniden yazdırıyorsanız, lütfen arka planda bir mesaj bırakın ve yeniden yazdırma şartnamelerine uyun