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




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.

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


Advertise

Advertise

Advertise

 

Start typing and press Enter to search