Cara menggunakan visual studio code php

Posting blog kali ini akan menyampaikan kesan pertama saya menggunakan Visual Studio Code untuk pengembangan PHP. Sebelumnya sudah menggunakan Sublime Text, Atom Editor, bahkan VIM di mesin Linux yang terkenal susah tujuh turunan bikin diri ini menjadi gila haha.

Mengapa VS Code?

Visual Studio Code atau saya singkat saja VS Code bukanlah IDE seperti Visual Studio. Juga bukan editor kode sederhana dengan beberapa perintah dan highlighting/penyorotan sintak. Kemampuannya yang kira-kira berada di tengah antara IDE dan editor text biasa membuatnya menjadi tool yang sederhana namun sangat kuat berkat dukungan ekstensi. Alasan utama mengapa saya mencoba menggunakan VS Code untuk pengembangan PHP adalah:

  • Gratis dan lintas platform (Linux dan MacOS juga didukung)
  • Ukuran jauh lebih kecil daripada Eclipse, NetBeans dan IDE besar lainnya
  • Lebih powerful daripada Notepad ++ dan editor kode lainnya
  • Didukung oleh Microsoft dan komunitas pengembang
  • Banyak ekstensi yang tersedia untuk berbagai bahasa dan format file
Baca juga: 10 Ekstensi Visual Studio Code Untuk JavaScript Development

PHP di Visual Studio Code

VS Code mendukung banyak bahasa pemrogramman, dan PHP adalah salah satu dari bahasa-bahasa tersebut. Jika dirasa masih kurang kalian bisa tambahkan dukungan bahasa yang lebih banyak melalui ekstensi dari Visual Studio Marketplace. Untuk PHP, tool ini menyediakan pewarnaan sintak, pencocokan braket dan cuplikan kode.

Saat mulai mengetikkan kode di file PHP, kalian akan melihat pewarnaan sintaks, pencocokan braket, dan IntelliSense. Screenshot berikut menunjukkan editor VS Code dan file explorer. Perhatikan bagaimana SQL juga disorot dalam string.

Cara menggunakan visual studio code php


Disini saya memasang ekstensi PHP IntelliSense by Felix Backer untuk melakukan penyorotan sintak tingkat lanjut. Selain sintaks highlight, ekstensi ini memiliki fitur-fitur bermanfaat berikut:

  • Code completion.
  • Signature help.
  • Workspace symbol search.
  • Find all references.
  • Go to definition.
  • Hover.

Karena tidak memiliki proyek PHP besar dan kompleks, plugin PHP IntelliSense saat ini sudah mencukupi bagi saya.

Debugging Kode PHP

Untuk kalian yang ingin menjalankan kode PHP di debugger sehingga dapat melihat apa yang terjadi, bisa memasang PHP Debug Adapter by Felix Backer. Untuk lebih memahami apa yang dapat dilakukan debugger-nya saya sertakan image GIF singkat di bawah ini.

Cara menggunakan visual studio code php


Terlihat mengesankan mengingat ini dilakukan menggunakan kode editor yang berukuran relatif kecil.

Kesimpulan Saya Sejauh Ini

Saya telah menggunakan VS Code untuk pengembangan PHP selama beberapa minggu dan inilah kesan pertama saya:

  • Visual Studio Code stabil dan cepat
  • Pengembangan PHP didukung dengan baik oleh berbagai ekstensi
  • Navigasi kode hampir sama nyamannya seperti pada Visual Studio
  • VS Code memiliki UI yang bersih dan sederhana.
  • Tool Git bekerja dengan baik tetapi UI yang lebih informatif akan lebih baik (bukan masalah besar).
  • Kalian yang ragu apakah VS Code benar-benar nyaman untuk pengembangan PHP saya sarankan untuk mencobanya.

Download and install Visual Studio Code

Visual Studio Code merupakan salah satu code editor yang sangat populer saat ini. Code editor ini memberikan berbagai macam fitur yang telah siap untuk kita gunakan, seperti extension, pencarian suatu kata dalam semua file atau pada file tertentu, source control, debugging dan lain sebagainya.

Pada artikel kali ini kita akan coba membuat auto complete tag PHP dengan mudah. VSCode sendiri secara default tidak memberikan fitur ini, oleh sebab itu mungkin perlu bagi Anda menggunakan auto complete supaya mempermudah dan mempercepat proses coding kita. Baiklah tanpa panjang lebar lagi, silahkan ikuti tahapannya dibawah ini.

  1. Buka VSCode yang telah Anda install.
  2. Buka menu File > Preferences > User Snippets.

    Cara menggunakan visual studio code php


  3. Masukkan bahasa yang akan kita atur. Maksud dari bahasa disini adalah ketika kita membuka file html atau php, kemudian kita ketik tag php saja maka akan menampilkan sintaks full dari pembuka dan penutup php. Disini saya masukkan untuk html dan php.
  4. Masukkan di user snippet untuk html dan php.

    Cara menggunakan visual studio code php


    Cara menggunakan visual studio code php


    Cara menggunakan visual studio code php


    Maksud $1 artinya adalah text akan autofocus ke dalam bagian tersebut setelah Anda enter / tab / pilih.

  5. Jangan lupa untuk disimpan.
  6. Coba praktek dengan membuka sebuah file php, kemudian ketik pada keyboard: php. Nantinya ia akan muncul preview seperti yang ada pada gambar dibawah ini.

    Cara menggunakan visual studio code php


    Cara menggunakan visual studio code php

 

Semoga bermanfaat.


Cara menggunakan visual studio code php

Bagikan ke Yang Lain


Diskusi

Belum ada pertanyaan pada artikel ini


Tulis Pertanyaan

Ada pertanyaan? Silahkan tulis pada form dibawah ini

Silahkan login dahulu untuk dapat berkomentar, klik disini.


Artikel yang Lain


Cara menggunakan visual studio code php
HTML

Macam-Macam Semantic Tags pada HTML 5

Semantic tags mendefinisikan dengan jelas fungsi / makna penggunaan suatu tags, semantic tags dapat…

Selengkapnya

Cara menggunakan visual studio code php
WordPress

Cara Mengoptimalkan Kecepatan Loading Website Wordpress

Mengoptimalkan kecepatan website WordPress adalah salah satu cara untuk meningkatkan kinerja dan kualitas…

Selengkapnya

Cara menggunakan visual studio code php
Tips & Tricks

Cara Mudah Membuat Domain Website http Menjadi https…

Pertama-tama, kita harus tahu dulu apa itu http dan https. Mengutip dari halaman wikipedia tentang…

Selengkapnya

Cara menggunakan visual studio code php
Tips & Tricks

Cara Insert Multiple Data dengan Select2 di Codeigniter…

Pada tutorial sebelumnya kita sudah belajar tentang bagaimana cara menggunakan Select2 dalam project…

Selengkapnya

Cara menggunakan visual studio code php
WordPress

Cara Ganti Label Nama, Harga, Qty dan Subtotal Produk…

WordPress merupakan salah satu CMS yang powerful dan mudah digunakan bagi orang yang ingin punya website…

Visual Studio code pakai bahasa apa?

Visual Studio Code merupakan penyunting kode-sumber yang dapat digunakan untuk beragam bahasa pemrograman, termasuk Java, JavaScript, Go, Node.js, Python dan C++.

Apa bedanya Visual Studio code dengan Visual Studio?

Visual Studio Code adalah editor sementara Visual Studio adalah IDE.

Apakah Visual Studio code berbayar?

Visual Studio Code adalah aplikasi editor teks gratis di kembangkan oleh Microsoft yang dapat digunakan di semua bahasa pemrograman yang ada tanpa perlu berganti aplikasi editor, serta dapat dijalankan di berbagai platform Operating System (OS) seperti windows,linux ,dan mac OS. Visual Studio Code memudahkan para ...

Bagaimana cara run di Visual Studio Code?

Pertama, buka command palette dengan menekan tombol F1 atau Ctrl + Shift + P . Kemudian ketik run code , lalu enter. Kedua, gunakan shortcut Ctrl + Alt + N . Dan yang terakhir, cukup klik kanan pada workspace kalian, dan pilih Run Code.