Cara menjalankan script php di visual studio code

Untuk melakukan programming kita membutuhkan editor yang baik. Sudah banyak sekali editor baik yang gratis maupun berbayar. Salah satu editor gratis yang sangat populer di kalangan programmer adalah Visual Studio Code.

Visual Studio Code atau VS Code adalah teks editor open-source berbasis Electron yang dibuat dan dikembangkan oleh Microsoft. Teks editor ini nyaman kita pakai karena user experience yang bagus dan tidak memberatkan perangkat saat dipakai.

Visual Studio Code menyediakan fitur extension atau ekstensi di mana ekstensi ini akan menambah kemampuan dari Visual Studio Code itu sendiri. Ekstensi-ekstensi ini bisa kita unduh lewat marketplace di website Visual Studio maupun lewat Visual Studio Code itu sendiri dengan menekan tombol kombinasi CTRL+SHIFT+X.

Pada kali ini kita akan membahas tentang ekstensi-ekstensi yang akan sangat membantu programmer dalam membuat web dengan bahasa pemrograman PHP.

Contents

Ekstensi 1: PHP IntelliSense (Felix Becker)

Ekstensi ini adalah ekstensi PHP yang paling banyak dipasang oleh programmer pada Visual Studio Code. Seperti namanya, ekstensi ini menyediakan “intellisense” pintar atau intelligent code completion untuk file PHP.

Cara menjalankan script php di visual studio code
Contoh pemakaian PHP IntelliSense 1
Cara menjalankan script php di visual studio code
Contoh pemakaian PHP IntelliSense 2

Ekstensi 2: PHP Debug (Felix Becker)

Visual Studio Code sendiri sudah menyediakan fitur debugging, tapi bukan berarti fitur ini dapat berjalan di semua bahasa pemrograman. PHP adalah salah satu bahasa pemrograman yang membutuhkan ekstensi tambahan pada Visual Studio Code untuk dapat kita debug.

Cara menjalankan script php di visual studio code
Contoh pemakaian PHP Debug pada Visual Studio Code

Ekstensi 3: Prettier – Code formatter (Prettier)

Seperti namanya, ekstensi Prettier ini menyediakan fitur formatter yang akan mempercantik kode yang ditulis pada Visual Studio Code. Ekstensi ini akan menulis ulang kode yang telah kita tulis dengan aturannya sendiri. Prettier memungkinkan kita melakukan format pada beberapa bahasa yang diantaranya adalah PHP, JavaScript, HTML, CSS, JSON, TypeScript, Vue, dan banyak lagi.

Ekstensi 4: PHP Intelephense (Ben Mewburn)

Ekstensi ini sangat mirip dengan PHP IntelliSense di atas. Keduanya sama-sama menyediakan fitur autocomplete. Perbedaan yang signifikan pada kedua ekstensi ini adalah pada performanya di mana Intelephense performanya lebih baik. Banyak programmer PHP yang mengatakan Intelephense ini lebih baik dibanding IntelliSense karena autocomplete-nya lebih cepat dan akurat. Intelephense juga menyediakan fitur formatter untuk PHP, HTML, CSS, dan JavaScript.

Ekstensi 5: Bracket Pair Colorizer 2 (CoenraadS)

Ekstensi ini menyediakan fitur yang membedakan warna tanda kurung kurawal yang satu dengan yang lain.

Cara menjalankan script php di visual studio code
Screenshot ekstensi Bracket Pair Colorizer 2

Masih banyak lagi fitur Visual Studio Code yang belum kita bahas di sini. Bagi para calon programmer yang ingin lebih mengenal tentang Visual Studio Code, programming, atau seputar teknologi lainnya lebih dalam lagi, yuk daftar ke Fakultas Teknologi Informasi di Universitas Stikubank Semarang. Terutama untuk siswa/i SMA/K yang akan lulus sekolah dan sedang mencari perguruan tinggi. Ayo daftar ke Universitas Stikubank Semarang. Selamat mencoba!

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 menjalankan script php di visual studio code


  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 menjalankan script php di visual studio code


    Cara menjalankan script php di visual studio code


    Cara menjalankan script php di visual studio code


    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 menjalankan script php di visual studio code


    Cara menjalankan script php di visual studio code

 

Semoga bermanfaat.


Cara menjalankan script php di visual studio code

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 menjalankan script php di visual studio code
Tips & Tricks

Kumpulan Website Download Ilustrasi GRATIS

Pernahkah kalian mengalami kesulitan dalam mempercantik tampilan atau bagian tertentu di project website…

Selengkapnya

Cara menjalankan script php di visual studio code
Linux

Cara Install Browser Brave di OS Linux Berbasis Debian

Brave merupakan salah satu browser yang muncul di tahun 2015 oleh CEO Brendan Eich (creator JavaScript…

Bagaimana cara menjalankan script PHP?

Untuk menjalankan file php, silahkan buka web browser seperti mozilla firefox, chrome, internet explorer atau web browser lain. Kemudian ketik url http://localhost/tutorial/ lalu enter, jika semua sudah benar maka akan tampil seperti gambar di bawah ini.

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 itu PHP debug?

XDebug adalah extension PHP yang memungkinkan kita untuk melakukan debugging dengan menggunakan IDE pemrograman seperti Visual Studio Code. Beberapa fitur yang dimiliki XDebug seperti: Set/Remove breakpoints.

Bagaimana cara membuat file baru di Visual Studio code dan menyimpan file nya?

Untuk membuat file baru, cukup klik tombol Ctrl + N. Lalu tulis kode yang Anda inginkan pada halaman yang tersedia. Jika sudah selesai, maka simpan file tersebut melalui tombol Ctrl + S. Ketik nama file baru dengan ekstensi file yang sesuai (misalnya, .