Vue(二十)項目初始化步驟
阿新 • • 發佈:2018-01-30
docs 需要 淘寶 gpo 文件目錄 href rul web css
提:需要安裝 node.js / npm淘寶鏡像 / webpack / vue-cli腳手架構建工具
1.創建項目
- vue init webpack framework
https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md (ESLint規範)
2.切換到項目文件目錄下,安裝項目依賴
- cd framework
- cnpm install
3.啟動項目
- npm run dev
4.添加css初始化文件
在 main.js中引入css文件
5.安裝vuex
- cnpm install vuex --save
創建 store 目錄 index.js 文件 ,在main.js文件中引入
6.安裝ElementUI
- cnpm install element-ui --save
在main.js中引入
7.刪掉自帶組件 HelloWord.vue,創建自己的組件首頁 Home.vue
安裝less
- cnpm install less less-loader --save
修改路由文件
啟動項目
8.項目鏈接
https://pan.baidu.com/s/1pNso7uN
密碼:tn15
解壓後安裝項目依賴再啟動
- cnpm install
- npm run dev
Vue(二十)項目初始化步驟