Acemi bir programcı için 22 faydalı uzantı

2024 Yazar: Malcolm Clapton | [email protected]. Son düzenleme: 2023-12-17 04:13

Birçok kodlama görevini kolaylaştıran ve size zaman kazandıran Chrome ve Visual Studio Code uzantıları.

Chrome uzantıları

1. WhatFont, belirli bir sitede hangi yazı tipinin kullanıldığını bulmanın ve projelerinizde kullanmanın kolay bir yoludur.

2. Pestisit, anahat vurgulama ve CSS değişiklikleri için bir araçtır. Blok yerleşim modelinde ustalaşırken kullanışlıdır.

3. Colorzilla, web sitelerinden doğru renkler elde etmek için bir araçtır. Kolaylık sağlamak için renk kodu doğrudan panoya kopyalanır.

4. CSS Peeper, web sitelerinde kullanılan renkleri ve varlıkları görüntülemek için bir uzantıdır: çizimler, metin belgeleri, düzen dosyaları, video dosyaları.

5. Wappalyzer, sitelerde kullanılan içerik yönetim sistemlerini, çerçeveleri, sunucu yazılımlarını, analiz araçlarını ve diğer teknolojileri tanımlamanıza izin veren bir yardımcı programdır.

6. React Developer Tools, React.js uygulamalarında hata ayıklamak için kullanışlı bir araçtır.

7. Redux DevTools, Redux kullanan uygulamalarda hata ayıklamak için bir araçtır.

8. JSON Formatter, sözdizimi vurgulama, girintileme, tıklanabilir bağlantılar ile JSON'un okunabilirliğini basitleştiren bir uzantıdır.

9. Vimeo Tekrar ve Hız, video eğitimlerini izlerken faydalı olan Vimeo video hizmetini hızlandırmak için basit bir uzantıdır.

VS Kodu için Uzantılar

10. Otomatik Yeniden Adlandırma Etiketi, HTML etiketlerini yeniden adlandırmak için bir uzantıdır. Açılış etiketini değiştirdiğinizde, kapanış etiketi otomatik olarak değişecektir.

11. HTML CSS Desteği - Sözdizimi vurgulamalı HTML belgeleri için CSS desteği, uzak CSS dosyalarını bağlama ve diğer kullanışlı özellikler.

12. HTML Parçacıkları zamandan tasarruf etmek için hazır parçacıklardır.

13. Babel ES6 / ES7, JavaScript Babel vurgulama ve sözdizimi kontrol aracıdır.

14. Bracket Pair Colorizer, açma ve kapama parantezlerini hızlı bir şekilde bulmak için belirli renklerle renklendirmeye yönelik bir araçtır.

15. ESLint - Kodunuzun kalitesini kontrol etmek ve hataları bulmak için ESLint'in Visual Studio Code ile entegrasyonu.

16. Kılavuzlar - Açılış ve kapanış öğelerini bulmayı kolaylaştırmak için kodunuza ek kılavuz çizgileri ekler.

17. JavaScript Console Utils, seçilen bir değişkeni günlüğe kaydetmek için kodun hızlı bir şekilde eklenmesi de dahil olmak üzere, kullanışlı console.log () ifadelerinin oluşturulmasını basitleştiren bir yardımcı programdır.

18. Code Spell Checker, hızlı kod yazım denetimi için bir uzantıdır.

19. GitLens, değişikliklerin ne zaman ve kim tarafından yapıldığını takip edebilmeniz için kod geçmişi bilgilerini görselleştirmek için kullanışlı bir araçtır.

20. Path Intellisense, bir satır girildiğinde dosya adlarını otomatik olarak tamamlamak için bir araçtır.

21. Prettier, otomatik kod biçimlendirme ve çeşitli bölümlerini tek bir forma getirmek için bir uzantıdır.

22. VSCode-Icons - daha kolay arama ve daha iyi görsel algı için dosya ağacına görsel simgeler ekleyin.

Elbette her şeyi bu listeden yüklememelisiniz. Bu uzantılardan bazıları değiştirilebilir olarak adlandırılabilirken, diğerleri daha basit araçlarla deneyim gerektirecektir.