Extensions VSCode memudahkan kita dalam menuliskan bahasa pemrograman. Banyak sekali extensions VSCode yang dapat kita gunakan. Untuk kali ini kita akan membahas 10 extensions VSCode terbaik dan paling sering digunakan.
Extensions ini sebagian besar berlaku untuk pengembang web, tetapi ada beberapa extensions yang bisa digunakan selain untuk pengembang web.
1. Setting Sync
Setting Sync digunakan untuk menyinkronkan hampir semua yang kita custom di VSCode ke Github, dari pengaturan hingga pintasan keyboard dan ekstensi VSCode lainnya.
Dengan cara ini, kita akan memiliki akses ke IDE pilihan dari perangkat mana pun yang kita inginkan, daripada harus memprogram dari lingkungan Vanilla VSCode pada perangkat baru atau harus mengatur semuanya secara manual lagi.
2. Live Server
Live Server dapat meluncurkan server pengembangan lokal dengan fitur live reload baik untuk halaman statis maupun dinamis.
Setiap kali kita menyimpan kode, kita akan langsung melihat perubahan yang ditampilkan di browser. Kita akan lebih cepat melihat perubahan tanpa perlu refresh halaman tiap kali ada perubahan.
3. Remote – SSH
Ekstensi Remote – SSH memungkinkan kita menggunakan mesin jarak jauh apa pun dengan server SSH sebagai lingkungan pengembangan kita. Ini membuatnya lebih mudah untuk mengembangkan dan memecahkan masalah dalam berbagai skenario.
Kita juga tidak memerlukan kode sumber apa pun di mesin lokal, karena ekstensi menjalankan perintah dan ekstensi lainnya langsung di mesin jarak jauh.
4. Prettier
Prettier adalah pemformat kode yang bekerja sangat baik jika kita memiliki team dalam mengerjakan satu proyek, karena ekstensi ini menerapkan gaya yang konsisten.
Kita juga dapat mengaturnya sehingga memformat kode setiap kali ingin menyimpannya, secara signifikan mengurangi jumlah waktu yang kita perlukan untuk memformat kode supaya terlihat mudah dibaca.
BACA JUGA: 10 PACKAGE ATOM TERBAIK YANG WAJIB KAMU INSTALL
5. Bracket Pair Colorizer
Bracket Pair Colorizer memberikan warna yang cocok untuk kurung buka dan tutup, membuatnya lebih mudah untuk mengetahui kurung mana yang cocok.
Karakter braket khusus juga dapat dikonfigurasi, dan kita juga dapat menambahkan warna latar belakang ke cakupan aktif.
6. Auto Rename Tag
Sementara VSCode secara inheren menyoroti tag yang cocok dan segera menambahkan tag penutup setiap kali kita mengetik tag pembuka. Tag Ganti Nama akan secara otomatis mengganti nama tag yang kita ubah. Ekstensi ini dapat berfungsi di bahasa pemrograman HTML, XML, PHP, dan JavaScript.
7. GitLens
GitLens meningkatkan kemampuan Git dari Visual Studio Code. Ini adalah ekstensi yang kuat yang memungkinkan kita untuk melihat siapa, mengapa, dan bagaimana baris kode telah berubah dari waktu ke waktu (di antara banyak fitur lainnya).
GitLens adalah ekstensi yang sangat dapat disesuaikan. Jika kita tidak menyukai pengaturan tertentu, kita dapat dengan mudah mematikannya di pengaturan.
8. Git History
Mirip dengan GitLens, Git History adalah ekstensi VSCode yang memberikan visual dari git log. Kita tidak lagi harus melihat melalui git log di terminal.
Ekstensinya juga cukup komprehensif. Ini memungkinkan kita untuk membandingkan cabang, komit, dan file di seluruh komit. Anda juga dapat mencari avatar Github, yang cukup rapi.
BACA JUGA: 16 TEXT EDITOR PC TERBAIK UNTUK PEMULA 2022
9. CSS Peek
Ekstensi ini sangat berharga bagi pengembang front-end. Terinspirasi oleh fitur serupa di IDE Brackets, CSS Peek memungkinkan kita untuk memperluas file HTML dan ejs kita untuk menampilkan kode CSS/SCSS/LESS di dalam kode sumber.
Ini juga memungkinkan kita untuk dengan cepat berpindah ke kode CSS yang tepat jika kita mengetahui nama kelas atau ID.
10. JavaScript Code Snippets
Sementara VSCode menyertakan JS IntelliSense bawaan, JavaScript Code Snippets meningkatkan pengalaman itu dengan menambahkan banyak pemicu impor/ekspor, pembantu kelas, dan pemicu metode. Ekstensi ini juga mendukung TypeScript, JS React, TS React, HTML, dan Vue.
Penutup
Kita telah membahas 10 extensions vscode terbaik untuk meningkatkan produktivitas pemrograman Anda tanpa mengurangi kualitas.
Jika kalian suka dengan artikel ini dan merasa orang lain juga perlu membaca artike ini, maka jangan ragu untuk membagikannya di media sosial kalian.