1. 環(huán)境:mac
2. node -v ?v6.9.4
3. npm -v 3.10.10
4. npm install vue
5. npm install —global?vue-cli
6. cd ~
7. mkdir vue-project
8. cd? vue-project
9. vue init webpack vue-demo
10. cd vue-demo
11. npm install
12. npm run dev
步驟說明:
1-3:為開發(fā)環(huán)境
4:安裝vue
5:全局安裝vue-cli
6-8:為了方便管理,創(chuàng)建專門存儲vue項目的文件夾
9:用vue-cli 命令 創(chuàng)建基于webpack模板的項目 名稱為 vue-demo
此步中間有選項:
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 vue-demo
? Project name vue-demo Y回車
? Project description A Vue.js project 直接回車
? Author WANG WEIXIN <28916455@qq.com>回車
? Vue build standalone回車
? Install vue-router? Yes
? Use ESLint to lint your code? No 重要。禁止代碼格式驗證,不然后期各種空格報錯
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
10:進入新創(chuàng)建的模板項目
11:下載依賴(npm命令:根據(jù)package.json 下載依賴)
12:運行項目