Untuk bisa membangun sebuah website yang maksimal dan mudah, biasanya bisa menggunakan bantuan dari Visual Studio Code atau VSCode. Ini adalah sebuah alat untuk pengeditan teks yang disediakan oleh Microsoft. Alat ini terkenal karena bisa memberikan banyak sekali kemudahan dalam membuat sebuah coding.

Kemudian, alat ini juga memiliki dukungan banyak sekali extensi yang bermanfaat menunjang kinerja Anda. Tapi ada beberapa extensi wajib untuk pengguna Visual Code yang akan sangat membantu. Mengingat ada banyak sekali ekstensi yang sebenarnya bisa Anda pilih.

Deretan Extensi Wajib untuk Pengguna Visual Code

Dari sekian banyaknya extensi yang mendukung untuk Visual Code, ada beberapa extensi yang paling tidak Anda pasang pada VSCode. Kehadiran extensi itu akan sangat membantu Anda dalam membuat kode pemrograman. Berikut ini beberapa extensi tersebut:

1.     Live Server

Extensi yang pertama adalah Live Server dimana memiliki fungsi untuk membuat server khusus proses pengemabngan lokal secara langsung atau real time. Maksudnya adalah ketika Anda membuat server tersebut, maka setiap coding yang Anda lakukan akan terlihat secara langsung di server khusus tersebut.

Bahkan Anda tidak perlu memuat ulang halaman untuk bisa melihat bagaimana progres coding yang Anda lakukan.

Link : https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

2.     Prettier

Nah plugin extensi selanjutnya ini sangat bermanfaat bagi Anda yang pusing untuk merapikan kode. Apalagi proses coding sendiri sudah menyita banyak waktu dan tenaga. Oleh sebab itu Anda butuh sekali menggunakan Prettier.

Extensi ini bermanfaat untuk membantu Anda merapikan kode dengan cara yang otomatis dan cepat. Prettier bisa digunakan dalam beberapa bahasa JSX, Flow, TypeScript, JavaScript, JSON CSS dan masih banyak lagi.

Link : https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

3.     Indent Rainbow

Extensi wajib untuk pengguna Visual Code selanjutnya juga cocok bagi Anda yang tidak mau pusing melihat kode dalam proses coding. Fungsi Indent Rainbow adalah memberikan beberapa warna pada elemen tertentu dan setiap elemen juga berbeda-beda. Sangat bermanfaat untuk mempercepat proses pembacaan dan identifikasi.

Link : https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

4.     PHP Intelephense

Bagi Anda yang sering melakukan coding PHP, maka sangat penting sekali memasang extensi PHP Intelephense. Extensi yang satu ini mempunyai fitur berupa code completion. Jadi, akan sangat bermanfaat ketika Anda lupa sintaks PHP.

Anda tidak perlu lagi mengingat semua sintaks PHP. Tapi sebelum Anda mengaktifkan extensi ini, disarankan untuk mematikan fitur bawaan dari VSCode yaitu PHP Suggestion Basic.

Link : https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client

5.     Auto Rename Tag

Selama proses pemrograman, Anda mungkin sering mengalami kesalahan-kesalahan yang umum terjadi sepert salah menulis tag. Jika menggunakan cara manual maka Anda harus merombak tag pembuka dan juga tag penutup.

Tapi jika Anda menggunakan Auto Rename Tag, maka proses perubahan tag bisa dilakukan dengan otomatis. Anda hanya perlu mengubah tag pembuka saja maka tag penutup akan mengikuti.

Link : https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

6.     Highlight Matching Tag

Ketika Anda membangun proyek program yang besar, ada banyak sekali kode yang harus Anda tulis. Nah pada kondisi ini Anda juga akan bingung untuk bisa mencari pasangan setiap tag. Untuk membuat pekerjaan lebih mudah, Anda bisa memasang extensi Visual Code yaitu Highlight Matching Tag.

Ini akan membantu Anda untuk mempermudah proses pencarian dengan menambahkan warna dan menyorot apa yang Anda cari.

Link : https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag

7.     Rainbow Bracket

Masih pada masalah kebingungan dalam proses coding, extensi Rainbow Bracket ini akan bermanfaat untuk membeda-bedakan tanda kurung pada program yang Anda buka dengan beberapa warna. Karena banyak pemrogram yang kebingungan untuk membedakan setiap tanda kurung tersebut.

Link : https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

Beberapa extensi wajib untuk pengguna Visual Code di atas akan sangat membantu Anda selama proses coding. Tentunya masih ada banyak sekali extensi untuk Visual Code yang bisa Anda pasang sesuai dengan kebutuhan.