22 ekstensi yang berguna untuk programmer pemula

2024 Pengarang: Malcolm Clapton | [email protected]. Terakhir diubah: 2023-12-17 04:00

Ekstensi untuk Chrome dan Visual Studio Code yang membuat banyak tugas pengkodean lebih mudah dan menghemat waktu Anda.

Ekstensi Chrome

1. WhatFont adalah cara mudah untuk mengetahui font mana yang digunakan di situs tertentu untuk menemukannya dan menggunakannya dalam proyek Anda.

2. Pestisida adalah alat untuk penyorotan garis besar dan modifikasi CSS. Berguna saat menguasai model tata letak blok.

3. Colorzilla adalah alat untuk mendapatkan warna yang akurat dari situs web. Untuk kenyamanan, kode warna disalin langsung ke clipboard.

4. CSS Peeper adalah ekstensi untuk melihat warna dan aset yang digunakan di situs web: ilustrasi, dokumen teks, file tata letak, file video.

5. Wappalyzer adalah utilitas yang memungkinkan Anda mengidentifikasi sistem manajemen konten, kerangka kerja, perangkat lunak server, alat analitik, dan teknologi lain yang digunakan di situs.

6. Alat Pengembang React adalah alat yang berguna untuk men-debug aplikasi React.js.

7. Redux DevTools adalah alat untuk men-debug aplikasi menggunakan Redux.

8. Formatter JSON adalah ekstensi untuk menyederhanakan keterbacaan JSON dengan penyorotan sintaks, lekukan, tautan yang dapat diklik.

9. Vimeo Repeat and Speed adalah ekstensi sederhana untuk mempercepat layanan video Vimeo, yang berguna saat menonton video tutorial.

Ekstensi untuk Kode VS

10. Auto Rename Tag adalah ekstensi untuk mengganti nama tag HTML. Saat Anda mengubah tag pembuka, tag penutup akan otomatis berubah.

11. Dukungan CSS HTML - Dukungan CSS untuk dokumen HTML dengan penyorotan sintaks, menghubungkan file CSS jarak jauh dan fitur berguna lainnya.

12. Cuplikan HTML adalah cuplikan yang sudah jadi untuk menghemat waktu.

13. Babel ES6 / ES7 adalah alat penyorotan dan pemeriksaan sintaks Babel JavaScript.

14. Bracket Pair Colorizer adalah alat untuk mewarnai tanda kurung buka dan tutup dengan warna tertentu agar cepat ditemukan.

15. ESLint - Integrasi ESLint ke dalam Visual Studio Code untuk memeriksa kualitas kode Anda dan menemukan bug.

16. Panduan - Menambahkan baris panduan tambahan ke kode Anda untuk mempermudah menemukan elemen pembuka dan penutup.

17. JavaScript Console Utils adalah utilitas untuk menyederhanakan pembuatan pernyataan console.log() yang berguna, termasuk penyisipan kode secara cepat untuk mencatat variabel yang dipilih.

18. Pemeriksa Ejaan Kode adalah ekstensi untuk pemeriksa ejaan kode cepat.

19. GitLens adalah alat yang berguna untuk memvisualisasikan informasi riwayat kode sehingga Anda dapat melacak kapan perubahan dilakukan dan oleh siapa.

20. Path Intellisense adalah alat untuk melengkapi nama file secara otomatis saat baris dimasukkan.

21. Prettier adalah ekstensi untuk pemformatan kode otomatis dan membawa berbagai bagiannya ke dalam satu bentuk.

22. VSCode-Icons - tambahkan ikon visual ke pohon file untuk pencarian yang lebih mudah dan persepsi visual yang lebih baik.

Tentu saja, Anda tidak harus menginstal semuanya dari daftar ini. Beberapa ekstensi ini dapat disebut dapat dipertukarkan, sementara yang lain memerlukan pengalaman dengan alat yang lebih sederhana.