Praktik menginstall Visual Studio Code Editor

Indikator Pencapaian Kompetensi Praktik menginstall Visual Studio Code Editor

1. Melaksanakan instalasi Visual Studio Code berdasarkan contoh
2. Mengoperasikan aplikasi Visual Studio Code untuk membuat aplikasi berbasis web

Tujuan Praktik menginstall Visual Studio Code Editor

Melalui kegiatan praktikum menginstall Visual Studio Code Editor, anda dapat:

1. Melaksanakan instalasi Visual Studio Code berdasarkan contoh dengan benar
2. Mengoperasikan aplikasi Visual Studio Code untuk membuat aplikasi berbasis web dengan teliti

Alat dan bahan

1. Komputer
2. Visual Studio Code untuk Windows, dapat di unduh melalui tautan ini

Teori singkat

Aplikasi VS Code Editor

VS (Visual Studio) Code editor adalah sebuah teks editor pemrograman ringan buatan Microsoft untuk sistem operasi lintas platform, seperti Linux, Mac, dan Windows.

Teks editor mendukung bahasa pemrograman HTML, JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lain dengan bantuan plugin yang dapat dipasang via marketplace Visual Studio Code (seperti PHP, C++, C#, Python, Go, Java, dan lain-lain).

Istilah dalam VS Code Editor

UI (User Interface)

Istilah IDE (Integrated Development Environment) yaitu lingkungan pengembangan terintegrasi sudah bergeser ke UI (User Interface).

UI pada Visual Studio Code editor sangat elegan, sederhana dan terintegrasi dengan banyak plugin.

gbr 1. Tampilan user interface VS code

IntelliSense

IntelliSense adalah fitur dalam Visual Studio Code memanjakan pada programmer. Fitur ini adalah auto-completion, syntax-highlighting assistant yang membuat kode kamu otomatis terisi skrip.

gbr 2. IntelliSense, membuat kode makin mudah

Langkah kerja : menginstall Visual Studio Code Editor

1. Hidupkan komputer masing-masing
2. Unduh aplikasi Visual Studio Code dari tautan alat dan bahan atau bisa juga unduh pada halaman yang ditampilkan gambar

3. Unduh aplikasi Visual Studio Code dengan memperhatikan system operasi yang didukung oleh masing masing komputer. Cek komputer kalian, windows versi berapa dan bit versi (contoh windows 7 64bit)

4. Setelah terunduh, klik 2x aplikasi Visual Studio Code installer untuk mulai memasang pada komputer anda masing-masing. jika muncul peringatan user account control, klik yes saja

5. Setelah terbuka jendela instalasi, klik Next

6. Pada jendela pertama, anda diminta persetujuan instalasi. Pilih kemudian klik Next

7. Pada jendela additional task, pilih create desktop icon. Kemudian klik Next

8. Setelah terbuka jendela instalasi, klik Install untuk memulai proses instalasi

9. Proses instalasi akan berjalan beberapa menit sampai finish

Tugas Praktik

1. Kerjakan praktikum diatas dengan seksama dan teliti
2. Dokumentasikan dengan membuat video screen recorder dan upload hasilnya ke youtube
3. Kirim link youtube ke alamat email pada prosedur pengiriman tugas
4. Buatlah laporan praktikum untuk kegiatan menginstall Visual Studio Code diatas

Prosedur pengiriman tugas praktik

1. Simpan tugas-tugas dengan format penamaan : nama_kelas_nama_tugas (contoh: rudy_XTKJ_praktik menginstall XAMPP bahasa pemrograman PHP)
2. Kumpulkan hasil pekerjaan melalui ketua kelas ATAU kemudian Upload hasil tugasmu melalui link ini ==> upload tugas
3. Email: rsetiawan@gmail.com
4. Selamat bekerja