4.7.19
- 4.7.19


Jobsheet: menginstall extension VS Code untuk PHP

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

Kehebatan Teks editor ini adalah banyaknya plugin (extension) yang dapat dipasang via marketplace Visual Studio Code untuk mendukung pemrograman (seperti PHP, C++, C#, Python, Go, Java, dan lain-lain).




Kompetensi Dasar 4.2. Melakukan instalasi perangkat lunak bahasa pemrograman

Indikator

  1. Melakukan konfigurasi Visual studio code agar dapat optimal saat membuat aplikasi berbasis web dengan bahasa PHP
  2. Mengoperasikan Visual studio code untuk membuat aplikasi berbasis web dengan bahasa PHP

Tujuan belajar

Melalui berbagai praktik,diskusi,tanya jawab,menggali informasi,mengerjakan contoh soal anda dapat:
  1. Melakukan konfigurasi Visual studio code agar dapat optimal saat membuat aplikasi berbasis web dengan bahasa PHP dengan benar
  2. Mengoperasikan Visual studio code untuk membuat aplikasi berbasis web dengan bahasa PHP dengan tepat

Alat, bahan dan prasyarat

Alat

  1. Komputer
  2. Akses internet

Bahan

  1. Aplikasi Visual Studio Code yang sudah terinstall di komputer masing-masing

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 dan ekxtention yang sesuai.

Untuk menyelesaikan permasalahan tersebut, anda harus menguasai dan memahami tentang menginstall software.

4 PHP extension / plugin / Add-ons yang bantu programmer PHP bekerja

Keunggulan dari Visual Studio Code adalah banyaknya extension atau plugin yang dapat digunakan oleh programmer PHP dalam membantu pekerjaan membangun aplikasi berbasis web.

Extension yang akan kita install pada Visual Studio Code khusus untuk membantu membuat aplikasi web menggunakan PHP adalah sebagai berikut:

1.PHP Intelephense

Intelephense adalah fitur code completion dengan saran kode yang detail dimana go to langsung ke sumber. Extension ini membuat programmer tidak perlu mengingat seluruh sintaks perintah yang akan ditulis karena fitur intellisense dapat langsung bekerja tanpa konfigurasi.

Syarat utama agar fitur ini bekerja baik, kamu harus menggunakan PHP versi 7 keatas.

extension VS Code


2.PHP Debug

PHP Debug adalah fitur yang sangat membantu untuk mencari kesalahan (bug) pada saat kita mengerjakan pemrograman. Fitur PHP Debug antara lain:
  • Line breakpoints
  • Conditional breakpoints
  • Function breakpoints
  • Step over, step in, step out
  • Break on entry
  • Breaking on uncaught exceptions and errors / warnings / notices
  • Multiple, parallel requests
  • Stack traces, scope variables, superglobals, user defined constants
  • Arrays & objects (including classname, private and static properties)
  • Debug console
  • Watches
  • Run as CLI
  • Run without debugging

extension VS Code


3.Auto Close Tag

Ektensi atau plugin ini keren juga lho, pas kamu mengetik skrip program misal html, secara otomatis visual studio code akan menutup tag closing. Ausoom!

extension VS Code


4.Auto Rename Tag

Plugin ini juga memudahkan programmer PHP dalam menulis kode, setiap mengedit tag pembuka, otomatis akan merubah juga tag penutup. Cool!

extension VS Code



Baca juga : Praktik menginstall XAMPP - server lokal pemrograman PHP


Langkah kerja : Menginstall extension Visual Studio Code

1. Hidupkan komputer masing-masing

Buka aplikasi Visual Studio Code. Ada 2 cara: pertama, melalui shortcut Visual Studio code yang ada di desktop dan kedua, melalui menu start->Visual Studio code folder -> Visual studio code (menu ini hanya ada di Windows 10). Pastikan juga komputer anda sudah terkoneksi dengan internet.

Klik ikon VSC pada desktop


Jendela VS Code sudah terbuka


2. Klik menu extension (1) pada Visual Studio code

Setelah itu, anda ketik Intelephense (2), maka akan terdapat banyak extension yang tersedia. Kalian klik tombol hijau Install (3) untuk memulai instalasi extension.

Klik ikon ektensi di samping kiri interface


Setelah selesai dengan Intelephense, ketik lagi untuk mencari extension PHP Debug. Klik tombol hijau Install untuk memulai instalasi extension.

Langkah selanjutnya install Extension Auto close tag dan auto rename tag. Cara dan prosedurnya sama dengan langkah diatas. Cukup mudah dan saya yakin kalian bisa!

Beres...

3. Menguji extension Visual Studio Code

1. Buatlah file baru melalui menu File->New File

Selain menggunakan menu diatas, kamu dapat langsung membuat file baru dengan shortcut ctrl + n. Setelah itu, langsung simpan dengan cara klik menu file -> save. Berinama index dan simpan difolder yang telah disepakati. Oiya, gunakan shortcut ctrl + s untuk menghemat tenaga, sama aja kok!

Membuat file baru dan menyimpannya langsung


Ketik kode HTML dibawah ini menggunakan Visual Studio Code.

<html>
<head>
<title>HTML Tutorial/title>
</head>
<body>
<h2>Dokumen HTML Sederhana</h2>
HTML- <i>Hyper Text Markup Language</i>
<p>              
Salam:<br> <a href="https://www.rsetiawan.com " target="_blank"> Rudy Setiawan</a>
<p>
Oleh: <b>Rudy Setiawan</b>
<br>&copy;2013 Rsetiawan
<br>Protected by: copyscape
</body>
</html>

Silahkan diamati dan laporkan hasilnya melalui laporan praktikum



Tugas Praktik

  1. Kerjakan praktikum diatas dengan seksama dan teliti
  2. Buatlah laporan praktikum untuk kegiatan menginstall Laragon bahasa pemrograman PHP

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