Halaman unduh Visual Studio Code Visual Studio Code (VS Code) ini adalah sebuah teks editor ringan dan handal yang dibuat oleh Microsoft untuk sistem operasi multiplatform, artinya tersedia juga untuk versi Linux, Mac, dan Windows. Teks editor ini secara langsung mendukung bahasa pemrograman JavaScript,
Typescript, dan Node.js, serta bahasa pemrograman lainnya dengan bantuan plugin yang dapat dipasang via marketplace Visual Studio Code (seperti C++, C#, Python, Go, Java, dst). Banyak sekali fitur-fitur yang disediakan oleh Visual Studio Code, diantaranya Intellisense, Git Integration, Debugging, dan fitur ekstensi yang menambah kemampuan teks editor. Fitur-fitur tersebut akan terus bertambah seiring dengan bertambahnya versi Visual Studio Code. Pembaruan versi Visual Studio Code
ini juga dilakukan berkala setiap bulan, dan inilah yang membedakan VS Code dengan teks editor-teks editor yang lain. Teks editor VS Code juga bersifat open source, yang mana kode sumbernya dapat kalian lihat dan kalian dapat berkontribusi untuk pengembangannya. Kode sumber dari VS Code ini pun dapat dilihat di link Github. Hal ini juga yang membuat VS Code menjadi favorit para
pengembang aplikasi, karena para pengembang aplikasi bisa ikut serta dalam proses pengembangan VS Code ke depannya. Pada artikel kali ini, saya akan membagikan beberapa ekstensi yang sering digunakan ketika memakai VS Code. Beberapa ekstensi ini mungkin ada yang sudah pembaca gunakan sejak lama. Ekstensi yang saya pakai kebanyakan berhubungan dengan web development berbasis JavaScript dan Node JS. Hal itu dikarenakan kebutuhan saya dalam mengerjakan proyek aplikasi dan pekerjaan
sampingan yang ditemui setiap hari, misalnya membantu pengembangan aplikasi web, migrasi aplikasi web dari bahasa pemrograman lama atau framework lama ke framework berbasis JavaScript dan Node JS , dan menjadi ninja sebentar untuk membantu debugging atau testing. Ekstensi Visual Studio Code VS Code dapat digunakan secara langsung tanpa perlu ekstensi selama alur pemrogramannya sudah didukung langsung. Namun ada beberapa
alur pemrograman yang tidak didukung langsung misalnya penggunaan snippets code dan kemampuan Intellisense yang masih kurang. Disini letak kegunaan ekstensi karena dapat menambah kemampuan dukungan alur pemrograman yang diinginkan. Ekstensi VS Code ini banyak dibuat oleh pengembang-pengembang pihak ketiga yang juga menjadi kontributor dari VS Code. Ekstensi untuk VS Code dapat dilihat di Pasar Ekstensi dengan tautan berikut ini Di dalam Pasar Ekstensi tersebut, pengguna VS Code dapat memilih-memilih ekstensi yang diinginkan sesuai kebutuhan. Dan mayoritas ekstensi tersebut bersifat gratis. Pasar Ekstensi VS Code berisi tambahan kemampuan snippet code untuk bahasa pemrograman tertentu, alur kerja pengembangan, tambahan kemampuan fitur VS Code, tema warna untuk VS Code, dan masih banyak lagi. Pemasangan ekstensi di dalam VS Code dapat dilakukan langsung di dalam VS Code. Yaitu dengan mengakses menu Extensions (Ctrl + Shift + X ), kemudian mencari ekstensi dengan mengetikkan nama ekstensi di kotak pencarian. Daftar ekstensi di Marketplace di dalam VS CodePetunjuk selanjutnya mengenai pemasangan ekstensi di VS Code dapat dilihat di tautan berikut ini. Para pembaca yang ingin ikut berkontribusi dengan membuat ekstensi untuk VS Code pun sudah disediakan cara-caranya yang terdapat di tautan berikut. Daftar ekstensi yang terpasang Ekstensi yang saya pakai berjumlah sekitar lebih dari 50 buah. Daftar ekstensi tersebut akan saya jelaskan secara singkat satu per satu berikut link keterangan untuk mengunduh ekstensinya melalui VS Code Marketplace.
Penjelasan detail dari ekstensi-ekstensi tersebut dapat dilihat dengan menekan atau klik tulisan dari nama ekstensi. Ketika diklik, browser akan membuka halaman detailnya di web Visual Studio Marketplace.
Selain ekstensi untuk kenyamanan penulisan kode dan kolaborasi, saya juga menggunakan ekstensi untuk mengubah tema teks editor VS Code ini. Ekstensi ini berupa tema ikon untuk representasi file di dalam folder proyek. Ekstensi tema yang juga dipakai yaitu ekstensi untuk tema pewarnaan kode di dalam teks editor. Cara mengganti tema dan ikon di VS Code cukup mudah, yaitu dengan mengakses menu File > Preferences > Color Theme atau File Icon Theme . Bisa juga dengan menggunakan Command Palette yaitu dengan menekan tombol Ctrl + Shift + P . Kemudian ketikkan Theme , dan opsi pun akan muncul. Beberapa opsi untuk mengakses setelan tema dan ikon di VS Code Dokumentasi mengenai tema dan ikon di VS Code ini bisa kalian baca di dokumentasi berikut ini. Tema favorit yang biasa digunakan ada beberapa macam, diantaranya tema Mayukai Theme dan tema Gruvbox Material. Setiap hari saya selalu mengganti diantara tema teks editor tersebut agar tidak bosan dan lebih bervariasi. Tema-tema ini bisa dipasang di Visual Studio Marketplace. Tampilan Mayukai ThemeTampilan tema GruvboxSedangkan untuk tema ikon file yang menjadi favorit adalah tema Material Icon Theme, Nomo Dark Icon Theme, Simple Icons , dan VS Code Great Icons. Beberapa tema untuk memberikan warna di tulisan kode yang saya rekomendasikan yaitu :
Kemudian berikut daftar tema icon yang saya rekomendasikan dan menarik untuk melengkapi beberapa tema yang telah disebutkan di atas.
Demikian daftar ekstensi dan tema yang saya gunakan untuk melengkapi teks editor Visual Studio Code. Beberapa diantaranya sangat membantu untuk menambah kenyamanan dan produktivitas dalam penggunaan VS Code ini. Silahkan saja kalian coba ekstensi-ekstensi yang telah saya berikan di atas. Siapa tahu bisa cocok dan menjadi menambah produktivitas dan kenyamanan ketika menggunakan Visual Studio Code.
Saya membuat sebuah extensions pack yang berisi daftar ekstensi, tema, dan icon yang telah saya sebutkan di atas. Ekstensi ini bernama Full JavaScript Complete Pack . Ekstensi ini dapat diunduh melalui Visual Studio Code marketplace dari dalam text editor VS Code langsung. Atau bisa melalui tautan berikut ini. Pak Ekstensi Full JavaScript Complete Pack yang telah tersedia di VS Code Marketplace Extension Pack tersebut tersedia kode sumbernya, yang telah saya letakkan ke Github berikut ini. Silahkan dicoba dan dipasang untuk memperlancar programming JavaScript dan Web dengan VS Code. VSCode menggunakan bahasa pemrograman apa?Visual Studio Code merupakan penyunting kode-sumber yang dapat digunakan untuk beragam bahasa pemrograman, termasuk Java, JavaScript, Go, Node.js, Python dan C++.
Apakah VSCode open source?VSCode memang 100% open source. Dengan lisensi MIT. Siapa pun bisa menggunakannya dengan kepentingan apa pun, bahkan untuk kepentingan komersil pun juga memungkinkan. Anda bisa melihat lebih lengkapnya di github mereka.
GitLens untuk apa?GitLens
GitLens menambah kemampuan Git dibangun ke dalam Visual Studio Code. Ini membantu Anda untuk memvisualisasikan kepengarangan kode sekilas melalui anotasi menyalahkan Git.
Apa itu git lens?Git Lens. Git Lens banyak menambah kemampuan Git yang disertakan dalam Visual Studio Code. Ini membantu Anda untuk memvisualisasikan secara cepat penulisan kode melalui anotasi Git blame dan lensa kode, menyusuri repositori Git, memperoleh gambaran berharga melalui perbandingan perintah-perintah, dan banyak lagi.
|