Kenapa saya tulis dengan judul cara lain menginstall CLI Vuejs dengan mudah, karena saya sebelumnya pernah membuat sebuah penginstallan CLI di Vue js juga, dan disini saya menemukan cara berbeda untuk menginstall CLI nya, dan apa aja perbedaanya simak terus artikel ini.

Sebelumnya bagi teman-teman yang baru saja bergabung apakah sudah tau apa itu CLI di vuejs dan berfungsi untuk apa, apakah sudah tau. Jika belum saya akan review sedikit jadi 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. Kutipan ini saya ambil dari artikel saya sebelumnya tentang install CLI juga, bagi teman-teman yang ingin lihat juga cara sebelumnya bisa lihat disini.

Oke perbedaan cara lain menginstall CLI Vuejs dengan mudah dengan sebelumnya tentunya dari langkah saja sudah beda, dan kita tinggal ketikan npm run dev CLI akan berjalan secara otomatis, tanpa kita harus mengetikan localhost/8000 lagi, dan saya sendiri lebih suka cara kali ini. Oke langsung saja silahkan teman-teman kunjungi terlebih dahulu website npm nya silahkan ketik di URL seperti ini https://www.npmjs.com/package/vue-cli jika sudah silahkan lihat, disitu ada pertama kita harus install.

cara lain menginstall CLI Vuejs dengan mudah

silahkan teman-teman buka cmd nya, lalu ingin buat dimana projectnya lalu ikuti langkah pertama yaitu teman-teman harus install clinya dengan mengetikan di cmdnya npm install -g vue-cli, jika sudah silhkan kita buat templatenya dan nama project kita. Bisa teman-teman lihat no 1 itu adalah nama templatenya ada beberapa macam, nanti saya akan kasih tau juga, dan yang no 2 itu ada nama project kita, seterah mau di berikan dengan nama seperti apa. dan yang no 3 itu ada contohnya, jika dilihat berarti dia membuat dengan template webpack dan nama projectnya my-project.

Ini maca-macam jenis templatenya:

cara lain menginstall CLI Vuejs dengan mudah

silahkan teman-teman coba sendiri, disini saya menggunakan dengan template yang webpack-simple, seperti ini:

cara lain menginstall CLI Vuejs dengan mudah

bisa dilihat nanti akan muncul seperti itu dengan penjelasan sebagai berikut:

  • nama projectnya apa biasanya ini akan tampil layaknya tittle
  • project deskripsinya apaa.
  • penulisnya siapa
  • License saya default enter saja MIT
  • gunakan sass ? saya tidak oke enter lagi selesai

Cara menggunakanya silahkan masuk ke folder project teman-teman dengan cara cd <nama-project> Jika sudah masuk ketikan npm-install silahkan teman-teman perhatikan akan muncul folder baru node_modules dan file package_lock.json.

cara lain menginstall CLI Vuejs dengan mudah

jika sudah coba teman-teman ketikan npm run dev tunggu hingga web browser membuka project kita secara otomatis, seperti ini tampilannya

cara lain menginstall CLI Vuejs dengan mudah

oke saya sudah cukup jelas ya, jika masih bingung silahkan teman-teman bisa bertanya pada kolom komentar di bawah ini, cukup sekian belajar kita tentang cara lain menginstall CLI Vuejs dengan mudah semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih