Bagi anda yang sudah selesai melakukan instalasi Vue JS tapi bingun bagaimana caranya membuat Project baru, tenang sobat kali ini pemelungkode akan berbagi Tutorial membuat project baru di Vue JS baru dengan CMD. Ok langsung saja sobat ini lah beberapa step yang harus anda ikuti agar dapat membuat project baru di Vue JS.
Pertama, masuk ke direktori tempat Anda menyimpan Project Vue JS. Pada tutorial ini menggunakan direktori Local Disk: D.
Buka aplikasi CMD anda.
d:
Selanjutnya, untuk membuat project baru Vue JS anda cukup mengetikkan perintah berikut ke dalam Command Prompt Anda. pemulung adalah nama folder tempat menyimpan project Vue JS, Anda juga dapat mengganti nama lain.
vue create pemulung
Kemudian anda akan diminta untuk memilih opsi instalasi pada Vue CLI. Terdapat dua pilihan yaitu default dan manually. Pada tutorial ini kemi menggunakan pilihan default, kemudian tekan ENTER.
Pilih default
Setalah itu proses pembuatan project akan berjalan. Sekarang anda tinggal menunggu saja sampai proses pembuatan project baru berhasil, maka muncul pesan
Successfully created project “pemlung”.
Setelah berhasil Anda harus masuk ke direktori project. Dengan perintah seperti berikut.
cd pemulung
setalah Anda berhasil masuk ke direktori project, jalankan Vue JS menggunakan perintah seperti berikut.
npm run serve
Perintah diatas akan menghasilkan output seperti gambar di bawah ini.
Terakhir Anda buka browser dan akses salah satu dari IP / localhost yang ada pada gambar di atas. Maka akan mendapatkan tampilan halaman Vue JS.
Sekarang Anda bisa melakukan proses develop frond-end dari website atau aplikasi. Selamat mencoba Kawan.
Demikian tutorial mengenai pembuatan project baru di Vue JS, dan Semoga bermanfaat untuk Anda yang sedang membutuhkan nya. Jika ada kendala dalam menerapkan pembuatan project baru di Vue JS ini jangan sungkan-sungkan untuk mendiskusikan nya di kolom komentar yang tersedia di bawah ini.
Artikel selanjutnya akan saya ulas mengenai Fitut-Fitur yang wajib Anda ketahui jika ingin belajar Vue JS