vue-cli 3.0 初體驗
阿新 • • 發佈:2018-10-08
img 項目 alt 3.x ini cti eight for clean
一. 準備
1.卸載vue-cli 1.x 或2.x版本,npm uninstall -g vue-cli
2.node版本需 8.9 及以上
二. 安裝
1. 安裝3.x版本 npm install -g @vue/cli
2. 通過vue -V 或vue --version檢查版本
三.初始化項目
1. 初始化項目 vue create project<項目名>
註:如需使用舊版的vue init webpack project初始化項目,需安裝工具包
npm install -g @vue/cli-init
2. 按提示選擇項目配置信息
四.踩坑
1. 初始化項目報錯1---command failed: npm install --loglevel error
解決辦法:清除緩存npm cache clean --force
2. 初始化項目報錯2
解決辦法:npm5.x會報錯,采取降級處理npm -g install npm@4
3. 生產環境打包的路徑問題
解決辦法:改成相對路徑,新建vue.config.js文件,將baseUrl設置成‘./‘相對路徑
vue-cli 3.0 初體驗