Seperti yang teman-teman ketahui, CLI adalah singkatan dari Command Line Interface, dan Vue CLI menyediakan sistem penuh untuk pengembangan Vue.js yang cepat. Untuk melakukan banyak pekerjaan yang menarik dan menyediakan beberapa fitur-fitur berharga, Mungkin dari teman-teman sudah tidak asing lagi yang dengan framework javascript yang satu ini. dan disini kenapa kita harus menggunakan CLI memang biasa-biasa saja tidak bisa, nanti kita akan bahas sesaat lagi tetap di cara menginstal CLI di Vue.js dengan Command Prompt.
cara menginstal CLI di Vue.js dengan Command Prompt
Sebenarnya untuk menginstal CLI itu tidak hanya di command prompt ya, tetapi bisa juga di Terminal, dan sejenisnya, memang harus melalui ini supaya kita bisa menginstalnya, perlu di ingat tidak hanya install ya, tetapi jika teman-teman nanti menggunakan CLI akan ada npm, package, yang harus di install, seperti halnya angular, oke selanjutnya kenapa harus menggunakan CLI Ini Mengkonfigurasi Webpack Ketika membangun aplikasi semua file JavaScript, CSS , dapat digabungkan dengan benar, diperkecil dan dioptimalkan, seperti itu, oke langsung saja bagaimana cara menginstal CLI di Vue.js dengan Command Prompt.
- Pertama silahakan teman-teman buka folder lalu ikuti cara seperti gambar di bawah ini yaitu dengan pilih folder -> tekan shift + lalu klik kanan dan pilih open command window here
2. Untuk menggunakan vue CLI ini teman-teman harus sudah menginstall node.js ya, silahkan teman-teman cek dengan cara node -v, disini saya menggunakan versi yang 8.12, jika sudah yakin node.js terinstall, silahkan teman-teman instal vue CLInya dengan cara npm i -g @vue/cli.
jika berhasil akan muncul gambar seperti di bawah ini:
dan untuk membuat projectnya silahkan teman-teman ketikan vue create nama-template
dan nanti akan ada pilihan seperti di bawah ini, kita pilih default saja, dan jika teman-teman ingin mencoba yang costum silahkan, dan panduanya ada di library nya ya.
jika teman-teman sudah berhasil menginstall templatenya, maka silahkan teman-teman masuk ke dalam projectnya dengan cara cd nama_projectnya, dan silahkan untuk menjalankan dan melihat hasilnya apakah berhasil silahkan teman-teman ketikan npm run serve.
jika teman-teman menjalankan teman-teman akan dapatkan cara membukanya. ada yang local dan network yang online
dan jika teman-teman berhasil maka akan muncul tampilan seperti ini.
sudah berhasil ya, ini lah langkah pertama ketika kita ingin membuat sebuah project, sangat menarik ya, dan saya rasa cukup sampai disini dulu belajar kita tentang cara menginstal CLI di Vue.js dengan Command Prompt, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya, terimakasih.