Menggunakan Composer Pada Visual Studio Code

Latar Belakang

Visual Studio Code (VSCode)  adalah aplikasi code editor yang memiliki berbagai fitur yang sangat serba-guna, salah satunya adalah fitur terminal internal yang sangat membantu untuk coding khususnya di bidang web. Pada pemrograman web tentu tidak asing dengan komponen yang bernama composer, komponen ini sangat berguna untuk mengintegrasikan projek dengan library yang digunakan. Walaupun VSCode memiliki terminal internal ternyata tidak serta - merta membuat composer dapat langsung dijalankan pada VSCode.

Pembahasan

Plugin dan sedikit pengaturan perlu dilakukan agar composer dapat digunakan VSCode. Plugin composer tersedia pada market VSCode dan panduan instalasinya pun sudah ada namun berbahasa Inggris. Plugin ini hanyalah perantara untuk menghubungkan composer dengan VSCode. Composer tetap harus dipasang pada Device melalui link <composer-setup>.

Instalasi

  • Buka link <composer-plugin> , kemudian pilih tombol Install, dan continue.
  • Otomatis akan membuka halaman instal pada VSCode, Pilih instal lagi dan tunggu prosesnya
  • Pilih reload




Pengaturan

Pengaturan diperlukan agar composer dapat diakses pada projek yang sedang dibuka VSCode, sepertinya setiap berganti projek perlu diatur ulang

  1. Masuk Setting VSCode dan ketik "composer"
    VSCode Setting
  2. Tambahkan/ubah nilai
    - composer.executablePath : "alamat composer"
    - composer.workingPath : "alamat projek"
  3. Hasilnya seperti dibawah ini
    User Setting
    WorkspaceSetting
Alamat dari composer.executablePath bisa copy dibawah ini karena seharusnya sama
C:\\ProgramData\\ComposerSetup\\bin\\composer.bat

Kesimpulan

Composer seharusnya telah sudah bisa digunakan pada terminal VSCode seperti dibawah ini

Jika ada masalah lain atau kurang jelas bisa ditanyakan melalui akun media sosial yang ada di widget blog.

Saya seorang programmer dengan fokus developer Web dan Android.