Cara Install Visual Studio Code di Windows 11 - Visual Studio Code atau biasa disingkat VSCode merupakan perangkat lunak komputer buatan Microsoft ditujukan ke sistem operasi Linux, macOS dan Windows dengan mendukung berbagai macam bahasa pemrograman seperti Java, Javascript, Python. Selain itu juga mendukung bahasa markup seperti HTML. Disini VSCode disediakan oleh Microsoft dengan tanpa berbayar sama sekali alias gratis dan open source.
VSCode hadir dengan fitur-fitur lengkap tentunya jika dibandingkan dengan text editor lainnya semisal Sublime Text. Salah satunya VSCode sudah terintegrasi dengan terminal seperti Git Bash atau Command Prompt (CMD), sehingga untuk adapun harus menggunakan terminal, kalian tidak perlu untuk membuka terminal secara terpisah. Selain itu juga ada fitur Split Editor dengan tujuan mempermudah pada saat membuka 2 file secara bersamaan dengan editor dibagi menjadi 2 layer.
Adapun yang membedakan secara signifikan antara Visual Studio Code dengan text editor lainnya ialah adanya marketplace extension, dimana kita bisa menambahkan extension yang akan membantu pengerjaan projek di VSCode sebagai contoh kalian ingin mencoba demo secara live saat membuat file .html maka tinggal mencari extension Live Project.
Apakah kalian tertarik untuk menjajal perangkat lunak ini? Nah disini admin akan memberikan kalian tahap awal untuk instalasi VSCode dengan cara yang mudah.
Cara Install Visual Studio Code di Windows 11
Sekarang mari kita install VSCode dengan cara di bawah berikut :
- Kunjungi situs resmi Visual Studio Code
- Klik link button download di bagian kanan atas.
- Buka folder downloads.
- Klik double hasil download tadi.
- Klik "I accept the aggrement" dan klik tombol next.
- Untuk lokasi instalasi biarkan secara default dan klik next.
- Untuk select start menu folder biarkan secara default dan klik next.
- Pada Select Additional Tasks, ceklis semua dan klik next.
- Klik tombol install
- Tunggu proses install selesai
- Klik Install
Berikut tahap-tahap instalasi VSCode di Windows 11 untuk pemula yang sangat mudah untuk dipraktekan, tentunya setelah itu kalian tinggal mempelajari baik itu bahasa pemrograman atau bahasa markup untuk frontend developer. Nah sebagai bonus disini admin akan membahas 10 extension VSCode yang mempermudah kalian sebagai Frontend Developer.
7 Extension VSCode yang Mempermudah Frontend Developer saat Bekerja.
Berikut 7 daftar extension VSCode yang mempermudah Frontend Developer saat bekerja, sebagai berikut :
1. Live Server
Extension satu ini memungkinkan user untuk melakukan live reload disaat user melakukan pengerjaan projek. Ketika user melakukan perubahan pada IDE maka secara otomatis akan ada perubahan tanpa melakukan reload secara manual.
2. Code Spell Checker
Extension satu ini akan memberitahukan kepada user terkait beberapa spelling error yang umum terjadi dan juga sudah mendukung kode camelCase
3. Prettier (Code Formatter)
Extension Prettier merupakan sebuah code formatter yang dapat dengan mudah merapikan source code yang kita tulis bahkan uniknya kita dapat menyesuaikan sesuai style guide kita masing-masing.
4. VSCode Icons
VSCode Icons sangat membantu disaat kita mengidentifikasi folder atau file di dalam IDE dengan tampilan view berupa ikon.
5. Bracket Pair Colorizer
Ekstensi ini memungkinkan tanda kurung yang cocok diidentifikasi dengan warna. Pengguna dapat menentukan karakter mana yang cocok dan warna mana yang akan digunakan.
6. Live Saas Compiler
Live Saas Compiler adalah ekstensi VS Code yang membantu kita untuk mengkompilasi / mentranspilasi file SASS / SCSS ke file CSS secara real time dengan reload browser secara langsung.
7. Browser Preview
Ekstensi Preview Browser untuk VS Code memungkinkan kita membuka pratinjau browser di dalam editor yang dapat kita debug.
Berikut extension VSCode pilihan BeritaKle untuk kalian gunakan disaat mengerjakan projek Frontend dan tentunya akan semakin mudah dalam pengerjaan. Semoga membantu dan nantikan update-update terbaru dari BeritaKle
source : codepolitan.com