vue-cli的安裝及使用

准備工作

1. 確認有nodejs

2. 安裝Node.js淘寶鏡像加速器（cnpm）

   # -g是全局安裝
   npm install cnpm -g
   

   安裝后的文件在這里↓

   

3. 安裝vue-cli

   cnpm install vue-cli -g
   

   安裝后的文件在這里↓

   

4. 安裝成功后，輸入命令vue list，可以查看能夠基於哪些模板創建vue程序

   ，通常我們選擇webpack。

   

第一個vue-cli程序

1. 創建一個Vue項目，在電腦上創建一個空文件夾

2. 在這個文件夾的路徑下，創建一個基於webpack模板的vue應用程序

   # 這里的vueDEmo是項目名稱，可以隨意取
   vue init webpack vueDemo
   

   然后會出現下圖的問題，全部選no即可：

   

   然后按下回車，項目就創建成功啦！

   

   3. 初始化並運行

      # 進入項目路徑下
      cd vueDemo
      #安裝所有依賴環境
      npm install
      # 啟動當前項目
      npm run dev
      

      注意：運行上述第二個命令時出現了如下錯誤

      解決方法：按照報錯處的指示做即可解決

      

      全部成功后就會出現下圖：

      

   最后就可以在IDEA中打開該項目啦！！！