Cara Instal Extensions dan beberapa Rekomendasi Extensions di VS Code

Ekstensi Visual Studio Code (VS Code) adalah program tambahan yang dapat menambahkan fitur baru ke editor kode VS Code. Ekstensi ini dapat membantu mempermudah dan menyenangkan pekerjaan developer, seperti: Merapikan codingan, debugging dll.

 

Cara Instal

  • Buka VS Code, kemudian klik extensions atau bisa juga dengan mengklik Ctrl+shift+X pada keyboard

  • Kemudian pada menu pencarian, cari nama extensions yang akan di instal (disini extensions yang akan di instal adalah vscode-pets)

  • Kemudian klik extensions yang akan di instal lalu instal extensions tersebut

Beberapa rekomendasi extensions dalam beberapa kategori

Tampilan

CodeSnap

CodeSnap adalah ekstensi untuk Visual Studio Code (VS Code) yang berfungsi untuk mengambil tangkapan layar kode program. Dengan CodeSnap, pengguna dapat mengambil tangkapan layar kode dengan lebih rapi.

Cara menggunakan:

  1. Klik Ctrl+Shift+P pada keyboard kemudian cari CodeSnap
  2. Pilih kode yang ingin diambil tangkapan layarnya
  3. Klik logo codesnap untuk menyimpan tangkapan layar ke dalam disk

Hasilnya:

Dracula Theme Official

Dracula Theme adalah tema UI dan skema warna yang dirancang khusus untuk pemrograman, termasuk untuk editor kode. Tema ini dirancang untuk membuat pengguna tetap fokus dan menarik secara estetika.

Hasilnya:

Prettier

Prettier adalah ekstensi Visual Studio Code (VS Code) yang berfungsi untuk memformat kode secara otomatis.

Hasilnya:

Material Icon Theme

Material Icon Theme adalah tema ikon yang dapat digunakan di Visual Studio Code (VS Code).

Hasilnya:

vscode-pets

vscode-pets adalah ekstensi untuk Visual Studio Code (VS Code) yang menambahkan hewan peliharaan virtual ke editor kode. Hewan peliharaan ini akan berkeliaran di sekitar layar saat Anda bekerja, sehingga dapat memberikan hiburan dan meningkatkan suasana hati.

Hasilnya:

Memudahkan Pengerjaan Project

Live Server

Live Server adalah plugin untuk Visual Studio Code (VS Code) yang memungkinkan pengembang front-end untuk meluncurkan server lokal dan melihat perubahan kode secara real-time.

Hasilnya:

GitHub Copilot atau GitHub Copilot Chat

GitHub Copilot memungkinkan pengembangan yang dibantu AI yang ditingkatkan di Visual Studio, membantu Anda menjadi lebih produktif dan efisien saat menulis kode.

Cara menggunakan:

  1. Buat akun Github terlebih dahulu
  2. Instal extensions Github Copilot dan Github Copilot Chat di vs code
  3. Hubungkan akun Github anda

 

Error Lens

Error Lens adalah ekstensi untuk Visual Studio Code (VSCode) yang membantu anda untuk lebih cepat menyadari dan memahami kesalahan serta peringatan dalam kode sumber.

Hasilnya:

Code Spell Checker

Code Spell Checker adalah plugin yang berfungsi untuk memeriksa ejaan khusus untuk kode dan Menangkap kesalahan ketik (typo) dan ketidakkonsistenan dalam penulisan variable, function dan lainnya di dalam kode.

Jangan ragu untuk terus menjelajahi berbagai ekstensi yang tersedia! Dunia pengembangan terus berkembang, begitu pula dengan fitur-fitur yang ditawarkan oleh ekstensi VS Code.

 

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *