Rekomendasi Extensions Visual Studio Code Untuk Program Web

Visual Studio Code - Selamat datang untuk yang baru berkunjung di website CopyPasteKode dan sampai jumpa lagi untuk yang sudah sering berkunjung 😂

Pada Artikel kali ini mimin tidak membuat artikel tentang tutorial melainkan share Extensions Visual Studio Code yang mimin gunakan untuk mempermudah teman-teman semua dalam proses penulisan script coding.

Baiklah tanpa perlu basi-basi lagi langsung saja kita masuk ke pembahasan :

Apa itu Visual Studio Code? Visual Studio Code adalah aplikasi Code editor yang dibuat oleh Perusahaan Microsoft yang dapat digunakan pada perangkat Windows, Linux, dan MacOS. Visual Studio Code ini mempunyai banyak fitur salah satunya adalah extensions. Exstensions merupakan kumpulan plugins yang dapat di install pada Visual Studio Code dengan cara kombinasi Ctrl+Shift+X atau dengan menekan menu extensions pada menu sidebar pada aplikasi Visual Studio Code.

Berikut adalah contoh atau rekomendasi Extension untuk program web :

Auto Rename Tag

Extensions Auto Rename Tag ini sangat berguna ketika tag yang kita gunakan salah atau ingin mengganti tag yang digunakan cukup untuk mengganti tag pembuka-nya saja dan tag penutup-nya akan menyesuaikan sesuai dengan tag yang sedang digunakan.

Auto Close Tag

Extensions Auto Close Tag ini akan secara otomatis membuat Tag penutup dari Tag yang kita gunakan, teman-teman bisa lihat contoh diatas. Dengan Kombinasi Extensions Auto Rename Tag dan Auto Close Tag ini akan sangat membantu dan mempercepat kita dalam proses penulisan script code program.

Path Intellisense

Dengan menggunakan Extensions Path Intellisense ini sangat membatu kita dalam melacak source file yang ada di dalam folder tanpa harus mengetikkan satu per satu.

Atom One Dark Pro Theme

Prettier - Code Formatter

Extensions Prettier - Code Formatter ini sangat membantu para programmer dalam merapikan kode program yang berantakan tanpa harus merapikan kode program satu per satu. Extensions ini mendukung bahasa pemrograman Javascript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, PHP dan masih banyak lagi.

PHP IntelliSense

Extensions PHP IntelliSense, extensions ini sangat berguna / membatu dalam penulisan code program php karena, extensions ini menyediakan "intellisense" atau Intelligent code completion untuk file PHP.

PHP Intelephense

Extension ini sangat mirip dengan PHP InstelliSense diatas. Keduannya sama-sama menyediakan fitur autocomplete, yang menjadi pembeda antara PHP Intelephense dan PHP IntelliSense adalah performanya dimana Intelephesense performanya lebih cepat dan akurat dalam memproses autocomplete. Intelephense ini juga menyedianakan fitur formatter untuk PHP, HTML, CSS, dan JavaScript.

Live Server

Dengan Menggunakan Extensions Live Server ini, kita dapat mendesain / membuat tampilan atau frontend dari suatu aplikasi web tanpa harus bolak-balik membuka browser dan dengan Live Server ini kita tidak perlu me-refresh halaman ketika code programnya diperbarui / diubah, secara otomatis Live Server akan me-refresh halaman tersebut ketika ada perubahan pada sintax coding.

CSS Peek

Extensions CSS Peek ini berfungsi untuk mengetahui property CSS apa saja yang digunakan pada suatu class. Ini akan mempermudah kita dalam proses debugging tampilan halaman web yang akan dibuat.

Itu dia beberapa rekomendasi extension Visual Studio Code yang mimin gunakan dalam pembuatan pemrograman web, masih banyak extensions keren lainnya yang belum mimin sebutkan, silahkan teman-teman explor secara mandiri pada menu extension pada aplikasi Visual Studio Code untuk mencari extensi-extensi yang teman-teman butuhkan. Mimin rasa cukup sampai disini dulu, jika ada tambahan extension keren lainnya di waktu mendatang jika sempat pasti mimin update lagi. Semoga bermanfaat dan Sampai jumpa pada Tips dan Tutorial lainnya di Blog CopyPasteKode, bye..byee ^^