18.4.19
- 18.4.19

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

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.

KKM Praktik menginstall Visual Studio Code
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.

RPP Praktik menginstall Visual Studio Code
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

Praktik menginstall Visual Studio Code
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)

Cara menginstall Visual Studio Code
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<
langkah menginstall Visual Studio Code
Memulai instalasi visual code studio editor php



Setelah terbuka jendela instalasi, klik Next
bagaimana menginstall Visual Studio Code
Klik Next



Pada jendela pertama, anda diminta persetujuan instalasi. Pilih kemudian klik Next
cara menginstall Visual Studio Code
Klik I Accept untuk memulai instalasi editor PHP



Pada jendela additional task, pilih create desktop icon. Kemudian klik Next
bagaimana cara Praktik menginstall Visual Studio Code
Cek list editor PHP terbaik ini sesuai gambar



Setelah terbuka jendela instalasi, klik Install untuk memulai proses instalasi

modul Praktik menginstall Visual Studio Code
Anda siap menginstall editor php terbaik visual studio code



Proses instalasi akan berjalan beberapa menit sampai finish

jobsheet Praktik menginstall Visual Studio Code
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. 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 visual studio code editor 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
Selamat bekerja

 

Start typing and press Enter to search