Praktikum Menginstall Visual Studio Code Editor

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).

Daftar Isi

---

Kompetensi Dasar 4.2. Melakukan instalasi perangkat lunak bahasa pemrograman

Indikator

1. Melaksanakan instalasi Visual Studio Code berdasarkan contoh
2. 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:

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

Alat, bahan dan prasyarat

Alat

1. Komputer

Bahan

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

Prasyarat

Anda telah memiliki kompetensi :

1. 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.

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.

IntelliSense, membuat kode makin mudah

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

Pilihan versi Visual Code Editor PHP

2. Unduh aplikasi Visual Studio Code dengan memperhatikan system operasi yang didukung

Cek komputer kalian, windows dan bit versinya (contoh windows 7 64bit)

Menyimpan aplikasi Visual Studio Code

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<

Memulai instalasi visual code studio editor php

Setelah terbuka jendela instalasi, klik Next

Klik Next

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

Klik I Accept untuk memulai instalasi editor PHP

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

Cek list editor PHP terbaik ini sesuai gambar

Setelah terbuka jendela instalasi, klik Install untuk memulai proses instalasi

Anda siap menginstall editor php terbaik visual studio code

Proses instalasi akan berjalan beberapa menit sampai finish

Selesai menginstall editor pemrograman php terbaik

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

1. Kerjakan praktikum diatas dengan seksama dan teliti
2. Buatlah laporan praktikum untuk kegiatan Praktikum Menginstall Visual Studio Code Editor

Prosedur pengiriman tugas praktik

1. Simpan tugas-tugas dengan format penamaan : nama_kelas_nama_tugas (contoh: rudy_XTKJ_praktik membuat flowchart mencari luar lingkaran)
2. Kumpulkan hasil pekerjaan melalui ketua kelas ATAU kirim ke email bapak dengan SUBJEK: Tugas membuat flowchart
3. Selamat bekerja

---