Post Detail

Javascript Framework

Membuat Project Baru Di Vue-cli

by Admin
19 December 2017
1046 views

Dalam membuat project baru di framework Javascript VueJS sangatlah mudah, contoh saya akan membuat project dengan nama project "login" maka untuk membuat project tersebut kita cukup jalankan syntak dibawah ini

$ vue init webpack-simple login

Keterangan :

vue init adalah syntak pemanggilan vue-cli

webpack-simple adalah module pembantu dalam develop aplikasi

login adalah nama project nya, disini saya membuat nama project login karena target akan membuat SSO.

Dari syntak diatas maka respon atau outputnya akan menjadi seperti ini, apabila ada dialognya di enter - enter saja

? Project name login
? Project description A Vue.js project
? Author
? License MIT
? Use sass? No

   vue-cli · Generated "login".

   To get started:

     cd login
     npm install
     npm run dev

Lalu masuk kedalam directorynya/projectnya

$ cd login
$ npm install

Proses install module node js

> uglifyjs-webpack-plugin@0.4.6 postinstall C:\wamp64\www\app-yw\login\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 688 packages in 136.193s

Terakhir jalankan syntak mode develop nya

$ npm run dev

Respon setelah menjalankan syntak diatas

> login@1.0.0 dev C:\wamp64\www\app-yw\login
> cross-env NODE_ENV=development webpack-dev-server --open --hot

Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html

Dan akan membuka browser default nya dengan halaman utama VueJS, selamat pembuatan project selesai

VueJS