Vue-cli3.0

過程大綱

全局安裝 vue-cli

$ npm install -g @vue/cli

建立新項目

$ vue create jc-project(項目名字)

選擇配置（默認配置|手動配置）

... $ cd jc-project

開始

首先： npm install -g @vue/cli 提示安裝好了以後，命令行輸入：vue -V
個人版本是：

3.8.2
複製代碼

若是出來這個，說明Vue-cli3.0 上面的命令成功了~~

接着 vue create vue3-project （本身定義一個項目名字）

? Please pick a preset:(Use arrow keys) 
一、>default (bable, eslint)
二、manually select features
複製代碼

一、 是vue-cli3.0 默認的架子

二、 是須要自定義的架子，按需搭建的

選擇 二、 繼續

他會出現幾個選項而後能夠按照本身須要的進行安裝， 按空格來切換

若是選擇的路由 ， 那麼他會提示
Use history mode for router？
這時候 ，咱們選y

若是選擇了 css預處理器那麼他會提示
Pick a CSS pre-processor
而後選擇一個本身須要的就行了

接着：

回車以後提示一個：

Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
// 您喜歡將babel、postss、eslint等配置放在哪裏？
複製代碼

In dedicated config files.（在專用配置文件中） // 通常都放在這裏

選擇這個以後：

回車又提示：

Save this as a preset for future projects? (y/N)    // 是否記錄一下以便下次繼續使用這套配置
複製代碼

（注：鍵入N不記錄，若是鍵入Y須要輸入保存名字） 意思就是 若是保存了下次再新建腳手架的時候，他會有如今這個搭建好的骨架。就不用再走上面的流程了。

若是保存了，在整個項目安裝完成以後，會有個隱藏文件叫: .vuerc 的文件，打開以後是一個json文件， 他是全部保存的腳手架配置的東西。每一個屬性就是剛纔保存的時候，本身起的名字，所對應的一個對象了。若是在這裏 刪除了，那麼在下次 搭建的時候。 他就不會出如今 一開始要安裝要你選擇的腳手架庫了（從腳手架庫移除了已經）。 注意: 這個文件不能啥也沒有， 即便爲空也是得{}, 這樣才行~

---

弄好以後，回車。他會開始安裝了……
// 此過程可能有點久

最後，安裝成功後顯示：

………
$ cd (你的項目名字)
$ npm run serve
複製代碼

到此就搭建好了一個完整的 vue-cli3.0 ~~~

結束