Vue-CIL 3.x 了解到安裝

　　　2018年已經過了一大半了（想了想...OMG，2018已經快結束了）... 在此之前我一直在用Vue2.0+的版本來搭建腳手架，其實在年初的時候就知道Vue的大佬--尤大大，准備發布Vue3.0的版本了，只不過因為忙（主要還是因為懶），所以一直使用2.0+來進行Vue的開發。

　　　因為最近這幾天也在使用Vue后台模板開發項目，在准備發布上線的時候，意外的發現了，項目中對了一個叫vue.config.js的文件，我記得我沒有加這個文件的。所以我就谷歌、百度的一番，終於找到了原由，模板使用了Vue3.0+的版本，所以我不得不去了解Vue3.0的相關內容，才有了這篇文，廢話說夠了，直入主題吧！

　　　Vue-CLI 3 的相關介紹可以上個網去看看https://cli.vuejs.org/zh/guide/

　　Vue-CIL 3 的安裝

1. 打開CMD 輸入 node -v 檢查自己電腦全局安裝的node的版本看一下是否低於8.9的了，如果是則說明已經out了，需要更新一下npm了 npm install -g npm。因為安裝Vue-CIL 3需要Node.js是8.9或以上的版本 
   
2. Vue CIL 的包名稱由vue-cil 改成了 @vue/cli。如果你已經全局安裝了舊版本的vue-cli（1.x或2.x），你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。

3. 萬事俱備只欠東風。全局安裝新的包。選擇下面的任一命令安裝 npm install -g @vue/cli &&& yarn global add @vue/cli 

4. 安裝完后可以通過命令行： vue –version 或 vue – V 來檢查其版本是否正確（3.x）如下圖：
   

    

　　使用Vue-cli 3.0搭建Vue腳手架（vue-cli）　　　　

1. 由於是新的版本，所以有新的創建方式，其創建的命令與之前的也有所不一樣版本
   
2. 第一次創建時，會詢問你是否使用淘寶鏡像來安裝建議選擇Yes，快一點（其實也也就快一點左右。。。）
   

    

3. 問你是否使用默認的preset 還是用戶自定義配置功能（ps：注意這里已經不是問你選擇模板，也是presets(預設)）
   

    

4. 如果在這個選擇默認預設配置（preset）話就一直enter下去就行了
   
5. 如果你選擇用戶自定義配置功能，則會是一個多選的界面，可以使用 （注：空格鍵選中或者取消選擇，a鍵選中所有，i鍵反選）
   
   
6. 在你選擇完你想要的配置功能后，就會根據你選擇的配置功能來詢問你功能細節的配置配置完后就按enter就可以，等加載。。。
   1. router是否使用history模式，history需要服務器支持，詳情.....　　
      
   2. 選擇css預處理
      

       

   3. 選擇代碼格式化檢測。因為我用的IDE是vscode個人覺得搭配插件用的蠻舒服的所以選擇ESLint+Prettier
      

       

   4. 選擇語法檢查方式

       

   5. 選擇單元測試

       

   6. 選擇把babel,postcss,eslint等配置文件放哪里，這里隨便選擇，我選擇放在獨立的文件夾中

       

   7. 是否保存為未來項目的預配配置，我選擇了是

       

   8. 保存的命名

       

7. 然后根據提示進行npm run serve 就可以啟動項目了（注：這跟之前的2.x的版本不一樣，不需要我們先安裝依賴 npm install，因為vue-cli3.x幫我加載了如圖：）

　　　　注：如有什么不對的地方，望指出！！