Setup Programming Tools

Setup programming tools atau yang kita kenal sebagai pengaturan alat pemrograman untuk proses penginstalan dan konfigurasi alat dan paket perangkat lunak yang akan kita gunakan untuk mengembangkan dan menjalankan kode.

Berikut ini adalah alat yang akan kita gunakan untuk membuat sebuah project di akhir nanti, simak terus ya!

Apa itu Visual Studio Code?

VSC merupakan sebuah software atau code editor gratis yang dapat digunakan pada Windows, MacOS, dan Linux. Selain itu, dia dapat digunakan pada berbagai bahasa pemrograman.

Jadi langsung saja kita menginstall VSC

1. Klik laman web ini https://code.visualstudio.com/download

2. Kemudian kita harus menginstalnya

Nah, setelah kita menyelesaikan proses download dan instalasi kita akan mendownload extension dari Visual Studio Code

Bagaimana cara mendownload Extension?

1. Klik icon extension seperti gambar dibawah ini

2. Pada tutorial kali ini, kita akan mendownload live server

Tunggu sampai proses selesai, jika proses selesai akan berubah menjadi installed

Apakah caranya sama jika kita ingin mendownload extension lain?

Yap, benar sekali. Mudah sekali kan

Bagaimana Cara Menggunakan Visual Studio Code?

1. Kita akan belajar menggunakan kombinasi tombol seperti ini

●         Membuka file dengan Ctrl+P atau Ctrl+O

●         Membuat file baru dengan Ctrl+N

●         Ctrl+S untuk menyimpan

2. Agar mempermudah kita dalam mendeteksi error dan peringatan gunakan Ctrl+Shift+M

3. Kita juga dapat mengganti mode bahasa pemrograman sesuai dengan kebutuhan kita, cukup tekan Ctrl+K kemudian M

4. Selain itu, kita juga bisa merubah tema dengan klik Ctrl+K kemudian Ctrl+T

5. Terakhir, klik run untuk menjalankan hasil coding kita

Setelah kita klik run ada 2 opsi untuk kita

●        Start debugging, menjalankan dengan debugger, sehingga kita harus mendownload debugging

●        Start without debugging, menjalankan tanpa debugger

Tugas

Mendownload dan menginstal Visual Studio Code, kemudian menginstal Extension Live Server

 

Referensi:

https://www.niagahoster.co.id/blog/visual-code-studio/