9 Ekstensi Kode Visual Studio yang Membuat Pemrograman Lebih Mudah

Kode Visual Studio Microsoft adalah salah satu editor teks gratis terbaik tersedia sekarang. Ini menggabungkan set fitur lengkap dengan relatif mudah digunakan, dan kinerjanya 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 secara besar-besaran dapat mengubah bagaimana Visual Studio Code bekerja dan terasa, seperti menambahkan ikatan kunci gaya Vim atau Emacs. Dengan daftar ini, kami telah mengumpulkan beberapa favorit kami.

Cara Menginstal Ekstensi Kode Visual Studio

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

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

1. Visual Studio IntelliCode

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

halaman rusak perangkat keras layar biru yang rusak

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

Ekstensi ini masih dalam tahap awal pengembangan dan sudah mengesankan. Setelah memiliki lebih banyak waktu dalam pengembangan, Anda bahkan dapat melihat ini dibangun langsung ke dalam Visual Studio Code.

2. Sinkronisasi Pengaturan

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

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

Diperlukan beberapa menit untuk menyiapkan Sinkronisasi Pengaturan, lalu Anda tidak perlu memikirkannya lagi. Petunjuk untuk menyiapkannya tersedia melalui ikhtisar Ekstensi di Visual Studio Code.

3. Jalur Intellisense

Jika Anda menggunakan Visual Studio Code untuk mengedit file konfigurasi pribadi atau sistem, Jalan Intellisense bisa menjadi penyelamat. Singkatnya, ekstensi menambahkan penyelesaian gaya Intellisense ke nama file, memungkinkan Anda mengetik nama jalur panjang dengan mudah 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 akan menyertakan nama file dalam pernyataan impor atau tidak dan kemampuan untuk mengabaikan jenis file tertentu.

4. Penjelajah Tugas

NS Penjelajah Tugas ekstensi menambahkan fungsi menjalankan tugas gaya IDE ke Visual Studio Code. Ini terutama mencakup tugas membangun untuk proyek Anda saat ini, tetapi juga dapat mencakup bash, Python, dan skrip lainnya.

Task Explorer mendukung cukup banyak alat build standar. Ini termasuk NPM, Grunt, Gulp, Ant, Make, dan Visual Studio Code itu sendiri. Ekstensi dapat disesuaikan, memungkinkan Anda menyesuaikan jalur ke setiap runner tugas dan bahasa skrip. Ini berguna jika Anda menginstal beberapa versi dan ingin menggunakan versi tertentu.

5. GoLens

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, GoLens menambahkan beberapa fitur yang membantu Anda memvisualisasikan, menavigasi, dan memahami riwayat Git proyek Anda.

Di antara fitur lainnya, GitLens menambahkan tampilan split diff yang kuat yang membantu Anda dengan mudah memvisualisasikan perbedaan antara komit dan cabang. Ekstensi ini juga memungkinkan Anda mencari melalui riwayat komit proyek, mencari berdasarkan penulis, file, pesan komit, dan banyak lagi.

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

haruskah saya menggunakan akselerasi perangkat keras di chrome?

6. Lebih cantik

Jika Anda seorang pengembang front-end, dan terutama jika Anda perlu mengikuti panduan gaya, Lebih cantik mungkin 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 'berpendapat', artinya ekstensi membuat beberapa keputusan sendiri, tetapi Anda dapat menggunakan ekstensi dengan alat eslint atau tslint untuk memastikan ekstensi mengikuti konfigurasi linting Anda sendiri.

7. Pewarna Pasangan Braket

Pewarna Pasangan Braket adalah plugin yang dijelaskan dengan baik dengan namanya. Ini secara otomatis mewarnai karakter tertentu untuk membantu Anda mengetahui seberapa dalam potongan kode tertentu. Beberapa bahasa didukung di luar kotak, begitu banyak sehingga hampir pasti bahwa bahasa pilihan Anda didukung.

Secara default,

()

[]

, dan

{}

dicocokkan, tetapi Anda juga dapat menentukan karakter braket lain yang ingin dicocokkan. Jenis plugin ini cenderung sangat terpolarisasi, tetapi jika Anda tidak yakin apakah Anda menyukainya atau tidak, cobalah Bracket Pair Colorizer.

8. Waktu Kode

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

Code Time mengukur aktivitas Anda di 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 dalam editor untuk tampilan yang lebih baik.

Anda dapat mengatur Waktu Kode untuk mengirimi Anda laporan email mingguan, sementara integrasi Google Kalender memungkinkan Anda secara otomatis menyisihkan waktu untuk waktu pemrograman terbaik Anda, agar tidak dirusak oleh rapat.

9. Klien REST

Baik Anda seorang pengembang web front-end atau seseorang yang menghabiskan sebagian besar waktunya di server, Anda mungkin pernah 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 di editor teks, mengapa tidak menyediakan klien di tempat yang paling nyaman bagi Anda?

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

Jadilah Lebih Produktif dalam Kode Visual Studio

Ekstensi ini hanyalah permulaan, terutama jika Anda baru mengenal Visual Studio Code. Pertama, ada lebih banyak ekstensi yang tersedia. Dalam kebanyakan kasus, kami secara khusus menghindari ekstensi khusus bahasa, tetapi banyak di antaranya yang tersedia. Baik Anda membuat kode dalam JavaScript, C++, Go, atau bahasa lain, Anda akan menemukan ekstensi yang dapat mempermudah pekerjaan Anda.

Ada juga lebih banyak cara untuk menyelesaikan lebih banyak dengan lebih cepat di Visual Studio Code. Untuk membantu Anda memulai, kami memiliki daftar tips penting untuk membuat Anda lebih produktif di Visual Studio Code .

Membagikan Membagikan Menciak Surel Hapus File dan Folder Windows Ini untuk Mengosongkan Ruang Disk

Perlu mengosongkan ruang disk di komputer Windows Anda? Berikut adalah file dan folder Windows yang dapat dihapus dengan aman untuk mengosongkan ruang disk.

Baca Selanjutnya Topik-topik yang berkaitan

Pemrograman
Kode Visual Studio

Tentang Penulis Kris Wouk(118 Artikel Diterbitkan)

Kris Wouk adalah seorang musisi, penulis, dan apa pun namanya ketika seseorang membuat video untuk web. Seorang penggemar teknologi selama yang dia ingat, dia pasti memiliki sistem operasi dan perangkat favorit, tetapi tetap menggunakan sebanyak mungkin yang dia bisa, hanya untuk tetap mengejar ketinggalan.

cermin layar android di pc secara nirkabel

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan