vue腳手架 基本使用流程:
1. npm install vue-cli -g 安裝 vue命令環(huán)境
驗證安裝ok?
vue --version
2. 生成項目模板
vue init <模板名> 本地文件夾名稱
3. 進入到生成目錄里面
cd xxx
npm install (將package.json 的內(nèi)容下下來)
4. npm run dev (編譯程序) npm run bulid(打包)
如要使用less 編寫樣式代碼
若出現(xiàn)如下錯誤:
image.png
package.config.js 內(nèi)是沒有配置less-loader 的
所以需要在里面配置less-loader
先下載:npm install less-loader@5 -S (6的版本有問題)
再下載:npm install less -D
然后:打開package.config.js 配置less
{
test: /.less$/,
use: [
'style-loader',
'css-loader',
'less-loader'
]
},
接著重新運行nom run dev