DEV Community

Wahyu Triono
Wahyu Triono

Posted on

Ekstension vscode terbaik menurut saya [penggunaan umum]

Dalam penulisan code tentunya kita ingin dipermudah, misalnya kita lupa tentang syntax dan harus menjelajahi google untuk menemukan syntax yang kita inginkan atau kita harus mengurutkan baris kode secara manual agar terlihat rapi. Pada vscode terdapat banyak sekali extension yang sangat berguna dalam penulisan code kita, berikut adalah beberapa extension pada vscode yang menurut saya wajib dan selalu saya gunakan.

Ekstension untuk penggunaan umum

1. Github Copilot

Digunakan untuk automation code

2. Database client

Ekstension tersebut seperti phpmyadmin pada browser, tetapi kita dapat menggunakannya pada vscode

3. Auto close Tag & Auto rename tag

Jika kalian masih manual menutup atau menamai suatu tag, kalian dapat menggunakane extension tersebut untuk otomatis mengubahnya

4. Bracket pair colorizer 2, Highlight Matching Tag & indent-rainbow

Extension tersebut digunakan untuk menandai bracket atau kurung kurawal dan juga baris, agar kita tahu kurung kurawal tersebut menutup baris kode mana

5. Beautify

Digunakan untuk merapikan baris kode yang berantakan, ekstension tersebut dapat digunakan dengan menggunakan shortcut ctrl+shift+p lalu ketik beautify file

6. Todo tree

Berfungsi seperti bookmark, misalnya kita memiliki suatu bug pada code dan kita lupa bug tersebut berada pada file/line mana.
Penggunaanya cukup simpel, kita hanya membuat command dan diawali dengan tab/label yang kita buat pada Todo tree, misalnya
// BUG: Tidak bisa menambahkan user

7. Code runner

Digunakan untuk menjalankan kode php, js, python dll

8. Color highlight

Digunakan untuk menyorot warna, misalnya #fff maka akan disorot dengan warna putih

9. Css Peek

Digunakan untuk menampilkan baris css pada class html

10. Project manager

Digunakan untuk berpindah projek secara instant

11. Wakatime

Digunakan untuk tracking kita dalam melakukan pemrograman

12. Color picker

Digunakan untuk menampilkan widget pengambilan warna

13. Live server dan live server preview

Digunakan untuk menampilkan file html secara live, sehingga jika terdapat perubahan, maka tampilan juga akan berubah

Top comments (0)