Jobsheet: Menginstall Visual Studio 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 ini mendukung bahasa pemrograman HTML, JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lain dengan bantuan plugin/extension yang dapat dipasang via marketplace Visual Studio Code (seperti PHP, C++, C#, Python, Go, Java, dan lain-lain).
Kompetensi Dasar 4.2. Melakukan instalasi perangkat lunak bahasa pemrograman
Indikator
- Melaksanakan instalasi Visual Studio Code berdasarkan contoh
- Mengoperasikan aplikasi Visual Studio Code untuk membuat aplikasi berbasis web
Tujuan belajar
Melalui berbagai praktik,diskusi,tanya jawab,menggali informasi,mengerjakan contoh soal anda dapat:- Melaksanakan instalasi Visual Studio Code berdasarkan contoh dengan benar
- Mengoperasikan aplikasi Visual Studio Code untuk membuat aplikasi berbasis web dengan teliti
Alat, bahan dan prasyarat
Alat
- Komputer
Bahan
- Visual Studio Code untuk Windows, dapat di unduh melalui tautan ini
Prasyarat
Anda telah memiliki kompetensi :- KD 4.7 Komputer dan jaringan dasar: Menginstall software
Skenario singkat
Sebagai programmer komputer disebuah perusahaan startup, kalian diminta untuk menyiapkan lingkungan pengembangan aplikasi berbasis web. Salah satunya adalah menginstall aplikasi editor Visual Studio Editor.
Untuk menyelesaikan permasalahan tersebut, anda harus menguasai dan memahami tentang menginstall software.
Baca juga : Menginstall server Apache dan MySQL menggunakan XAMPP - server lokal belajar bahasa PHP
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.
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.
Langkah kerja menginstall Visual Studio Code Editor
1. Hidupkan komputer masing-masing
Berselancar atau browsing untuk mengunduh aplikasi ini melalui alamat code.visualstudio.com. Jika tidak ada akses internet, mintalah pada instruktur.Unduh aplikasi Visual Studio Code dari tautan alat dan bahan atau bisa juga unduh pada halaman yang ditampilkan gambar
2. Unduh aplikasi Visual Studio Code dengan memperhatikan system operasi yang didukung
Cek komputer kalian, windows dan bit versinya (contoh windows 7 64bit)
3. Proses intalasi VisualStudio Code
Klik 2x aplikasi Visual Studio Code installer untuk mulai memasang pada komputer anda masing-masing. jika muncul peringatan user account control, klik yes saja<
Setelah terbuka jendela instalasi, klik Next
Pada jendela pertama, anda diminta persetujuan instalasi. Pilih kemudian klik Next
Pada jendela additional task, pilih create desktop icon. Kemudian klik Next
Setelah terbuka jendela instalasi, klik Install untuk memulai proses instalasi
Proses instalasi akan berjalan beberapa menit sampai finish
4. Lakukan pengujian
Jangan lupa, lakukan pengujian apakah proses instalasi berjalan lancar, atau justru banyak kendala. Buat laporannya jika ada kendala atau konfigurasi tambahan khusus.Tugas Praktik
- Kerjakan praktikum diatas dengan seksama dan teliti
- Buatlah laporan praktikum untuk kegiatan Praktikum Menginstall Visual Studio Code Editor
Prosedur pengiriman tugas praktik
- Simpan tugas-tugas dengan format penamaan : nama_kelas_nama_tugas (contoh: rudy_XTKJ_praktik membuat flowchart mencari luar lingkaran)
- Kumpulkan hasil pekerjaan melalui ketua kelas ATAU kirim ke email bapak dengan SUBJEK: Tugas membuat flowchart
- Selamat bekerja
Advertise
Advertise
Advertise