9 Ekstensi Visual Studio Code Yang Membuat Pemrograman Lebih Mudah

Microsoft Visual Studio code adalah salah satu editor teks gratis terbaik yang tersedia saat ini. Ini menggabungkan serangkaian fitur lengkap dengan relatif mudah digunakan, dan kinerja sangat bagus untuk aplikasi Electron. Salah satu alasan orang menyukainya, selain alasan di atas, adalah ekstensibilitasnya.

Seperti banyak editor teks populer lainnya, Visual Studio Code memiliki sejumlah besar ekstensi yang tersedia untuk menyesuaikan perilakunya. Ini dapat secara besar-besaran mengubah cara Visual Studio Code bekerja dan terasa, seperti menambahkan binding kunci Vim atau gaya Emacs. Dengan daftar ini, kami telah mengumpulkan beberapa favorit kami.

Cara Memasang Ekstensi Kode Visual Studio
Jika Anda tidak terbiasa, mudah untuk menginstal ekstensi di Visual Studio Code. Klik ikon Ekstensi di sisi kiri layar. Ini ikon kelima di bawah, tepat di bawah ikon Debug.

Sekarang cukup ketikkan nama atau bagian dari nama ekstensi yang ingin Anda instal. Klik pada nama untuk membaca ikhtisar ekstensi, lalu klik ikon Instal untuk menginstalnya.

Visual Studio IntelliCode
Dikembangkan oleh Microsoft DevLabs, Visual Studio IntelliCode adalah ekstensi yang mendaftar kecerdasan buatan untuk membantu Anda kode. Ekstensi saat ini mendukung Python, JavaScript / TypeScript, dan Java. 

Jika Anda pernah menggunakan Intellisense sebelumnya dalam Visual Studio atau Visual Studio Code, Anda akan tahu apa yang diharapkan. Perbedaannya di sini adalah bahwa ini pada dasarnya adalah gagasan yang bahkan lebih cerdas.

Perpanjangan ini masih dalam tahap awal pengembangan dan sudah mengesankan. Setelah lebih lama dalam pengembangan, Anda bahkan dapat melihat ini dibangun langsung ke dalam Visual Studio Code.

Pengaturan Sinkronisasi 

Kebanyakan orang yang menggunakan editor teks secara teratur membuat setidaknya beberapa penyesuaian untuk pengaturannya. Banyak orang bahkan melangkah lebih jauh, menyesuaikannya agar sesuai dengan gaya kerja pribadi mereka. Jika Anda sering mengerjakan lebih dari satu alat berat, bisa membuat Anda frustasi untuk terus-menerus melakukan penyesuaian ini dengan tangan. 

Pengaturan Sync bertujuan untuk menyelesaikan masalah itu. Menggunakan GitHub Gist sederhana, Pengaturan Sinkronisasi, yah, sinkronkan pengaturan Anda. Ini termasuk ekstensi lain dan konfigurasinya, sehingga seluruh konfigurasi Anda menjadi portabel. Buat beberapa perubahan pada satu mesin, sinkronkan pengaturan Anda, dan Anda dapat dengan mudah menyinkronkannya di mesin lain.

Butuh beberapa menit untuk menyiapkan Pengaturan Sinkronisasi, maka Anda tidak perlu memikirkannya lagi. Petunjuk untuk menyiapkannya tersedia melalui ikhtisar Perpanjangan dalam Visual Studio Code.

Jalan Intellisense 

Jika Anda menggunakan Visual Studio Code untuk mengedit file konfigurasi pribadi atau sistem, Path Intellisense bisa menjadi penyelamat. Singkatnya, ekstensi menambahkan penyelesaian gaya Intellisense ke nama file, memungkinkan Anda dengan mudah mengetik nama jalur panjang tanpa harus memasukkannya ke memori. 

Ini adalah ekstensi yang relatif sederhana, tetapi memiliki beberapa opsi konfigurasi. Anda dapat memilih apakah akan menambahkan garis miring setelah nama direktori, misalnya. Opsi lain termasuk apakah menyertakan nama file atau tidak dalam pernyataan impor dan kemampuan untuk mengabaikan jenis file tertentu.

Penjelajah Tugas 

Ekstensi Task Explorer menambahkan fungsi menjalankan tugas bergaya IDE ke Visual Studio Code. Ini terutama mencakup tugas-tugas build untuk proyek Anda saat ini, tetapi juga dapat menyertakan bash, Python, dan skrip lainnya. 

Penjelajah Tugas mendukung cukup banyak alat membangun standar. Ini termasuk NPM, Grunt, Gulp, Ant, Make, dan Visual Studio Code itu sendiri. Ekstensi dapat disesuaikan, memungkinkan Anda menyesuaikan jalur ke setiap pelari tugas dan bahasa skrip. Ini berguna jika Anda memiliki beberapa versi yang diinstal dan ingin menggunakan versi tertentu.

GitLens 

Visual Studio Code menampilkan integrasi Git di luar kotak, seperti yang telah kami sebutkan sebelumnya, jadi Anda mungkin tidak benar-benar membutuhkan ekstensi ini. Yang mengatakan, GitLens menambahkan beberapa fitur yang membantu Anda memvisualisasikan, menavigasi, dan memahami sejarah Git proyek Anda. 

Baca JugaDi antara fitur-fitur lainnya, GitLens menambahkan tampilan diff diff yang kuat yang membantu Anda dengan mudah memvisualisasikan perbedaan antara commit dan branch. Ekstensi ini juga memungkinkan Anda mencari melalui riwayat komit proyek, mencari menurut penulis, file, pesan komit, dan banyak lagi.

Fitur lain termasuk peta panas di selokan Visual Studio Code yang memungkinkan Anda dengan mudah melihat di mana sebagian besar pekerjaan terjadi dalam file yang diberikan. Intinya adalah bahwa jika Anda sangat bergantung pada Git, Anda setidaknya harus mencoba plugin ini.

Prettier

Jika Anda seorang pengembang ujung depan, dan terutama jika Anda perlu mengikuti panduan gaya, Prettier mungkin menjadi teman baru Anda. Ekstensi Prettier secara otomatis memformat JavaScript, TypeScript, dan CSS menggunakan alat pemformatan kode dengan nama yang sama. 

Prettier mengambil kode yang Anda tulis dan menulis ulang untuk Anda, mengikuti serangkaian pedoman pemformatan yang ketat. Ekstensi itu "berpendapatan", yang berarti ia membuat beberapa keputusan sendiri, tetapi Anda dapat menggunakan ekstensi dengan alat eslint atau tslint untuk memastikannya mengikuti konfigurasi linting Anda sendiri.

Bracket Pair Colorizer 

Bracket Pair Colorizer adalah sebuah plugin yang dideskripsikan dengan baik oleh namanya. Secara otomatis mewarnai karakter-karakter tertentu untuk membantu Anda mengetahui seberapa dalam bersarang sepotong kode tertentu. Beberapa bahasa didukung di luar kotak, begitu banyak sehingga hampir dapat dipastikan bahasa pilihan Anda didukung. 

Secara default, (), [], dan {} dicocokkan, tetapi Anda juga dapat menentukan karakter braket lain yang ingin dicocokkan. Jenis plugin ini cenderung sangat polarisasi, tetapi jika Anda tidak yakin apakah Anda suka atau tidak, cobalah Bracket Pair Colorizer.

Kode Waktu 

Pernahkah Anda bertanya-tanya berapa jam dalam seminggu yang Anda habiskan di editor teks Anda? Bagaimana dengan waktu terbaik hari atau hari dalam seminggu untuk pemrograman optimal? Jika Anda pernah bertanya-tanya tentang ini atau metrik lainnya, Code Time adalah untuk Anda. 

Code Time mengukur aktivitas Anda dalam Visual Studio Code dan melaporkan kepada Anda tentang aktivitas di atas, serta metrik lainnya. Anda akan melihat metrik waktu-nyata di bilah status, dan ada dasbor di-editor untuk tampilan yang lebih baik.

Anda dapat mengatur Waktu Kode untuk mengirimkan laporan email mingguan kepada Anda, sementara integrasi Kalender Google memungkinkan Anda menyisihkan waktu untuk waktu pemrograman terbaik Anda, agar tidak rusak oleh rapat.

REST Client 

Apakah Anda seorang pengembang web front-end atau seseorang yang menghabiskan sebagian besar waktu mereka di server, Anda mungkin mengalami kasus di mana Anda perlu menguji REST API. Ada plugin browser untuk ini dan banyak alat lainnya, tetapi jika Anda menghabiskan sebagian besar waktu Anda dalam editor teks, mengapa tidak ada klien yang tersedia di tempat yang paling nyaman bagi Anda? 

Ini adalah ekstensi yang relatif sederhana yang melakukan apa yang diklaimnya untuk dilakukan. Anda dapat dengan mudah mengirim permintaan HTTP serta mengirim perintah CURL. Untuk otentikasi, ekstensi mendukung otentikasi dasar, otentikasi digest, Sertifikat Klien SSL, dan banyak lagi.

Baca Juga