1 首先要裝好 node.js Express vue
2 npm install -g vue-cli 安裝 vue腳手架 (-g 全局安裝) <測試成功的方法 在命令行中輸入vue,出來vue的信息說明安裝成功>node
3 建立一個 vue 項目 vue init webpack vue_project (vue_project 你項目的文件夾名)webpack
4 建立項目會出現不少選項 web
- ? Project name (exprice) ---------------------項目名稱
- ? Project description (A Vue.js project) ---------------------項目描述
- ? Author Datura --------------------- 項目建立者
- ? Install vue-router? (Yes) --------------------- 是否安裝Vue路由,也就是之後是spa(但頁面應用須要的模塊)
- ? Use ESLint to lint your code? (no) ---------------------是否啓用eslint檢測規則,這裏我的建議選no
- ? Setup unit tests with Karma + Mocha? (Yes)
- ? Setup e2e tests with Nightwatch? (Yes)
5 項目運行vue-router
-
- cd到你的文件 (cd vue_project)
- npm i (安裝依賴包)
- npm run dev (運行程序)
6 測試 vue-cli
出現 Listening at http://localhost:8080 表明成功npm