Visual Studio Code atau banyak dikenal dengan VSCode ini adalah sebuah teks editor yang dikembangkan oleh Microsoft. Berbeda dengan Visual Studio yang dipergunakan untuk mengembangkan aplikasi dengan platform .net dan hanya tersedia di sistem operasi Windows, VSCode dikembangkan untuk berbagai platform sistem operasi: Linux, Mac, dan Windows.
Download VSCode di: Visual Studio Code: //code.visualstudio.com
VSCode seperti halnya teks editor lain yang sudah lebih dahulu populer, dapat dipergunakan untuk membuat program dengan berbagai bahasa pemrograman, misalnya: JavaScript, Typescript, Node.js, PHP, HTML dan berbagai bahasa pemrograman lainnya. Fungsi dari VSCode ini juga dapat diperluas dengan penggunaan plugin yang dapat ditambahkan. Teks editor yang dikembangkan oleh Microsoft begitu melejit menyalip dan meninggalkan kompetitornya seperti Dreamweaver, Sublime, Atom, dan berbagai teks editor lainnya. Komitmen Microsoft mengembangkan perangkat lunak ini membuat banyak developer yang rela untuk berpindah, mengingat berbagai fitur yang terus ditambahkan ke dalam perangkat lunak ini secara reguler.
VSCode Theme
Salah satu fitur yang banyak menjadi favorit dari para developer adalah ketersediaan theme. Dengan menggunakan theme, developer dapat mengubah warna maupun icon dari aplikasi dengan sangat mudah. Di marketplace juga tersedia berbagai theme yang dapat didownload secara gratis pula, mulai dari tema light maupun dark yang semakin banyak disuka.
Visual Studio Code menyediakan VSCode theme yang dapat membantu developer untuk mengubah skema warna maupun icon dari editor dengan mudah. Cara mengganti VS Code Theme maupun Icon cukup mudah, yaitu melalui menu File > Preferences > Color Theme atau File Icon Theme. Selain menggunakan menu tersebut dapat pula dipergunakan shortcut Ctrl + Shift + P untuk menampilkan Command Palette, yang kemudian dilanjutkan dengan mengetikkan Theme untuk memunculkan berbagai Theme yang ada. Pada Mac, theme bisa diakses dengan menggunakan Command K + T.
Contoh tampilan penggantian VSCode Theme
Menambah Theme di VSCode
Di marketplace tersedia berbagai theme yang telah dibuat oleh para developer lain. Untuk menambahkan theme tersebut, dapat diperoleh dengan memilih menu Install Additional Color Themes.
Tampilan Marketplace untuk VSCode Themes
VSCode Theme Favorit 2019
Seperti terlihat di gambar di atas, bahwa theme ditampilkan dengan urutan sesuai dengan banyaknya developer yang menginstall theme yang terkait. Di samping jumlah pendownload juga terlihat rating yang diberikan. Jadi mana VSCode Theme Favorit Developer untuk tahun 2019 ini?
Berikut adalah beberapa theme favorit penulis untuk tahun 2019, yang semuanya merupakan theme Dark. Beberapa theme berikut juga memiliki versi Light yang patut dicoba.
Sebagai developer, kemudahan dalam menulis kode program merupakan salah satu faktor penting lancarnya produktifitas anda. Berikut ekstensi-ekstensi Visual Studio Code yang dapat membantu anda dalam ngoding.
Utilitas Dasar
Sesi ini merupakan utilitas dasar untuk VSCode.
Advanced New File
Ekstensi ini berguna untuk membuat file dengan melalui Command Pallete dari VS Code.
advanced-new-file - Visual Studio Marketplace
Extension for Visual Studio Code - Metrics, insights, and time tracking automatically generated from your programming activity.
Selamat datang di SistemIT.com kembali lagi dengan saya Asrul Puadi kontributor artikel dari SistemIT.com. Artikel kali ini saya akan membahas bagaimana cara menginstall editor dalam menuliskan bahasa pemrograman komputer yang akan kita pelajari nantinya.
Editor yang akan saya bahas disini adalah Visual Studio Code atau bisa disingkat VSCode. VSCode merupakan editor populer yang banyak digunakan dikalangan programmer. VSCode menyediakan beberapa fitur – fitur tambahan yang bisa kita download langsung dari dalam editor VSCode itu sendiri. Tamabahan fitur yang dapat memudahkan kita dalam melakukan kode program seperti running program JavaScript, auto rename tag html, fitur pendukung pada pemrograman laravel dan masih banyak lagi fitur yang bisa teman – teman download sesuai kebutuhan teman – teman sendiri.
Bagaimana cara menginstall Visual Studio Code di komputer/laptop teman – teman.? Oke Langsung saja teman – teman ikuti tutorialnya. Cekidottt…
Menginstall Editor Visual Studio Code
- Sebelum menginstall editor VSCode, terlebih dahulu kita download file VSCodenya di link berikut ini : Visual Studi Code.
- Setelah teman – teman klik link download maka akan muncul tampilan sebagai beikut:
- Kemudian klik tombol download. Terdapat beberapa pilihan tombol download. Disini saya memilih tombol download untuk Sistem Operasi Windows.
- Setelah teman – teman klik tombol download maka proses download akan berjalan.
- Setelah proses download selesai kita akan lanjut ke proses menginstall VSCodenya.
- Double klik atau klik kanan pilih run as administrator pada file VSCode yang sudah kita download.
- Pilih aksi “I accept the agreement”, kemudiann pilih next.
- Muncul laman tempat dimana file instalan VSCode kita tersimpan. Kemudian pilih next.
- Muncul laman berikutnya pilih next.
- Muncul tampilan selanjutnya, centang pada pilihan “Add to Path(requires shell restart)”. Kemudian pilih next.
- Muncul laman perintah untuk menginstall, kemudian pilih install.
- Muncul tampilan proses install sedang berjalan. Tunggu sampai proses install selesai.
- Setelah proses install selesai kemudian klik finish.
- Teman – teman bisa membuka aplikasi editor VSCode yang telah kita install pada langkah – langkah diatas kemudian teman – teman bisa melanjutkan untuk membuat kode program.
Bagi teman – teman yang ingin menambah pengetahuan berkoding, teman – teman bisa lihat materinya di SistemIT.com. Di website ini banyak sekali materi bermanfaat yang bisa teman – teman pelajari.
Sekian tutorial kali ini tentang cara menginstall editor membuat program. Semoga artikel ini bermanfaat bagi teman – teman dan jangan lupa selalu explore tentang pengetahuan berkoding teman – teman. “Ngoding Boskuuhhh…” ?