Halo, Selamat datang di Ruang Developer Blog. Visual Studio Code atau biasa disebut VS Code adalah salah satu kode editor terbaik yang banyak digunakan oleh programmer. VS Code merupakan kode editor gratis yang kembangkan oleh Microsoft.
Sebenarnya, saat pertama kali diinstall VS Code sudah memiliki fungsionalitas yang lengkap termasuk salah satunya adalah mudahnya integrasi dengan GitHub. Namun, jika kamu ingin memaksimalkan fungsinya, VS Code memberi kebebasan untuk menambahkan fitur dengan cara menginstall ekstensi. Berikut ini adalah daftar ekstensi Visual Studio Code untuk mengembangkan web yang patut kamu coba.
JavaScript ES6 Code Snippets
Tidak perlu disebutkan bahwa JavaScript adalah inti dari pengembangan web. Ada banyak cuplikan kode yang kami gunakan setiap hari dan ekstensi ini membantu kamu dengan tidak menulis kode berulang itu lagi dan lagi.
Ekstensi ini menyediakan potongan kode (snippet) JavaScript, TypeScript, Vue, React, dan HTML.
CSS Peek
Seperti namanya, ekstensi ini memungkinkan kamu memuka baris kode CSS menggunakan kelas dan ID.
Auto Close Tag
Ekstensi ini secara otomatis menambahkan tag penutup HTML dan XML.
REST Client
Menguji API dan integrasi ke UI adalah bagian besar dari pengembangan web. Saya yakin kamu telah melakukannya berkali-kali.
Saya sering menggunakan REST client seperti Postman untuk menguji API. Dengan menggunakan ekstensi ini, kita dapat menguji API dan melihat responsnya secara langsung dalam kode visual studio.
ESLint
ESLint adalah linter untuk JavaScript. Ekstensi ini memeriksa kode untuk kesalahan umum dan memberi tahu langsung di kode editor kamu. Hampir mirip seperti rekan virtual yang memvalidasi kode saat kamu menulisnya.
Prettier – Code Formatter
Ekstensi ini melakukan pemformatan kode JavaScript, CSS, dan HTML.
Live Server
Ekstensi Live Server menyediakan pratinjau langsung aplikasi web kamu langsung di dalam editor. Ekstensi ini sangat berguna untuk pengembang front end.