1. 程式人生 > >vue-cli 3.0 初體驗

vue-cli 3.0 初體驗

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 -Vvue --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 初體驗