vue專案環境安裝
阿新 • • 發佈:2018-11-21
一、環境安裝
- 安裝 node
- 官網直接下載安裝包,按步驟安裝
- cmd 命令輸入 node -v ,出現版本號即可
- cmd 輸入 npm -v, 出現版本號即可(用於安裝依賴)
- npm install 經常太慢,所以可以下載淘寶映象, 使用 cnpm install xxx,速度會快很多
-
npm install -g cnpm --registry=
https://registry.npm.taobao.org
- 之後幾乎只要安裝依賴都會用 cnpm
- 安裝 vue 腳手架
- cnpm install vue-cli -g
- 安裝webpack
- cnpm install webpack -g
- vue 和 webpack 的結合
- vue init webpack project (project 為專案名稱)
- 啟動專案
- cnpm install (安裝依賴包,一般安裝則用cnpm, 會比較快)
- npm run dev (啟動專案)
- npm run build (打包專案)
- 專案框架
- 安裝less
- 安裝less依賴 cnpm install less less-loader --save
- 修改webpack配置,在webpack.base.conf.js => module => rules
- {