1. 程式人生 > >Vue(二十)項目初始化步驟

Vue(二十)項目初始化步驟

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(二十)項目初始化步驟