Vue CLI 3這個版本現(xiàn)在已經(jīng)趨于穩(wěn)定，這個版本集成了更多豐富的功能摔敛，更少的配置甚至零配置（有默認配置）廷蓉，還可通過附帶的圖形用戶界面創(chuàng)建、開發(fā)和管理項马昙。個人感覺圖形界面沒有指令來的方便苦酱，用指令創(chuàng)建項目，只需運行 vue create my-project【項目名稱】 命令给猾，接下來按照提示進行選擇即可疫萤。在這篇筆記，主要將 如何創(chuàng)建的項目敢伸，以及項目集成的插件和相關的配置扯饶，簡要羅列出來，如果想深入了解，請移步官方文檔：Vue CLI 3
安裝成功后尾序，運行以下命令來創(chuàng)建一個新項目：
vue create my-project
選擇 Manually select features , 根據(jù)項目需要钓丰，選手動設置，選擇需要的選項：
選擇了需要的集成的功能后每币，根據(jù)提示携丁，選擇相應的插件，產(chǎn)生的配置文件我希望放在一個地方方便進行管理
自動安裝依賴包完成后兰怠，可以通過一下指令啟動服務并打開瀏覽器（--open）：
yarn serve --open
//打包
yarn build
//運行測試
yarn test:unit
serve 命令會啟動一個開發(fā)服務器 (基于 webpack-dev-server) 并附帶開箱即用的模塊熱重載 (Hot-Module-Replacement)梦鉴。
上圖右側是瀏覽器打開項目包含路由切換的簡單示例頁面。左側是項目的目錄結構揭保，以及package.json文件的一些配置項：ESlint肥橙，Jest等。根據(jù)項目的需要秸侣，自行配置規(guī)則存筏，基于Vue CLI 3 快速創(chuàng)建一個項目，并已經(jīng)能成功運行了味榛。接下來可以愉快的寫代碼了~~
在這里延伸一些配置相關的內容椭坚。
vue.config.js
在項目根目錄下，創(chuàng)建 vue.config.js文件（這個配置文件是可選的搏色，若沒有相關的必要藕溅，可以忽略），一些打包相關的配置继榆，開發(fā)服務器的設置巾表，都在這個文件中配置，如：devServer字段略吨，就是用來配置開發(fā)服務器集币，可設置代理，域名翠忠、端口等鞠苟。
更多配置項可參考vue.config.js官方配置。ESLint
這個項目啟用了ESLint秽之，在pacakge.json 文件中当娱， eslintConfig 字段來配置相關規(guī)則。
期望通過ESLint 結合 Prettier考榨，能在保存和提交時格式化代碼观挎，統(tǒng)一代碼風格松捉。在團隊協(xié)作的項目代碼也能有較好統(tǒng)一協(xié)調性是越。找到相關的配置資料：使用ESLint ＆ Prettier美化Vue代碼。按照這個教程即可配置震叙。單元測試
之前項目緊張，都沒有寫過單元測試散休，在這個項目期望可以開始做單元測試媒楼。這里選了Jest，因為網(wǎng)上比價推薦戚丸，相對Mocha划址，Jest更簡潔。至于怎么個簡潔法限府。后邊再慢慢了解夺颤，并嘗試如何寫單元測試。如果條件允許的話（項目時間不是太緊張）谣殊，希望團隊也開始重慢慢視單元測試。
