用vue-cli3.0安裝腳手架

vue-cli 3.0 正式版於18年 8月10號發佈！

我電腦之前用的是vue-cli2.0，所以要先卸了2.0的先：

  npm uninstall -g vue-cli  //卸載之前的
  npm install -g @vue/cli   //全局安裝vue-cli3.0

再'vue -V'命令行查看下現在的版本：

搜了說在vue-cli2.0基礎上兼容vue-cli3.0安裝腳手架的話是下面的命令行：但是我自己試了不行，先不琢磨了

npm install -g @vue/cli-init

安裝完後，在選好的文件夾下構建項目：

vue create project-name

D:\mySelf\project\text>vue create vue_text
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? Yes


Vue CLI v3.8.2
? Please pick a preset:    //這裏上下鍵控制選擇默認(default)還是手動(Manually)
  default (babel, eslint)    //vue-cli3.0默認使用yarn下載
> Manually select features    //我選擇的是手動

然後出現下面的選項，用數字來控制選中，括號帶*就是選中

Babel：將ES6編譯成ES5
Linter/ Formatter：代碼檢查工具
CSS Pre-processors：css預編譯 
Unit Testing：單元測試，開發過程中前端對代碼進行自運行測試
 

選擇預編譯方法

 

eslint with...: 只進行報錯提醒；

eslint + A...: 不嚴謹模式；

eslint + S...: 正常模式；

eslint + P...: 嚴格模式；

 

Lint on save：保存就檢測(我選這)
Lint and fix on commit：fix跟commit檢測

 

單元測試：上下鍵選擇，具體我也不是很清楚是啥，跟別人的選第二個

 

您喜歡將babel、postss、eslint等配置放在哪裏？

In dedicated config files:放在獨立的文件
In package.json：放在package.json

 

是否在以後的項目都使用以上配置？我選否

 

跑完之後，它提示我去vue_text這個項目下用：npm run serve把項目跑起來