[TOC] >[success] # vue-ui 創建cli3.0項目 **vue ui** 是 **vue-cli** 提供的 **可視化的項目管理工具** ，在 **cmd** 上執行指令： ~~~ vue ui ~~~ <br>  總共有三個選項： 1. 規列出所有的vue項目 2. 創建項目 3. 導入項目 >[success] ## 創建項目 第一步：  第二步：  第三步： 這里介紹一下這些插件的作用： 1.**Babel** （Babel會將ES6、7、8、9會給轉換成ES3、ES5給這些低級瀏覽器支持的js代碼） 2.**TypeScript** （js的強類型） 3.**Progressive Web App (PWA) Support** （PWA移動應用） 4.**Router** （vue-router路由） 5.**Vuex** （vue官方的狀態管理工具） 6.**CSS Pre-processors** （css預處理器） 7.**Linter / Formatter** (ESlint可以做一些代碼檢測，可以固定書寫風格，或者在寫代碼時候矯正低級錯誤) 8.**Unit Testing** （單元測試）  第四步： 這里的介紹一下： 1. 是否需要路由的 **history（歷史）模式** 2. 選擇習慣的 **css預處理器** 這里選擇的是 **node-sass**  3. 選擇 **ESlint** 的書寫風格，這里選擇的是 **ESLint + Standard config** 4. 最后的兩項是 a. 每次保存都檢查一下代碼是否錯誤 b. 每次提交代碼時候檢查一下代碼是否錯誤  第五步： 這里的意思就是是否將你這次手動配置的配置單保存下來，下次創建項目時候可以直接使用這次的配置項創建一個新的項目  這個時候你就可以看到你的cmd在自動執行npm install 了。