>[success] # VueCli -- 3.0 UI配置篇 ~~~ 1.一種可視化配置vue項目的官方提供的一種方式 ~~~ >[danger] ##### 安裝 ~~~ 1.npm install -g @vue/cli ~~~ >[danger] ##### 查看版本 ~~~ 1.Vue -v ~~~ >[danger] ##### VueCli -- UI 配置啟動 ~~~ 1.輸入指令 -- vue ui，但輸入指令的根目錄最好是你要創建的項目的磁盤： 舉個例子： 'F:\VueCliTest>vue ui' 2.輸入后 會自動運行一個vue ui的圖形化界面（如圖） 3.選擇第一張圖的創建模塊 創建一個新項目 4.第二張圖創建文件名稱和使用的包管理工具 5.第三張圖選擇配置方式(這里選的手動) 6.第四張圖，在功能上這里我配置了' Babel' 將高級語法轉換成低級語 法，'Router '路由配置， 'Vuex' ，'CSS Pre-processors' css處理 ,沒有選擇 推薦Linter/ Formatter 代碼檢查，最后一定要選擇了使用配置文件選項 7.第五張圖選擇'css' 編輯方式 這里選的less，router這里沒有開始history模 式。 8.點擊 床架你項目后第六張圖，彈出讓你選擇是否保存這次的配置信息 我選擇的是不保存 9.第七張圖 是等待生成后顯示的所有配置信息 ~~~ * 自動生成的圖形化界面  * 創建文件名稱和使用的包管理工具  * 選擇配置方式  * 配置處理依賴項目  * 選著使用哪種css 編輯方式  * 選著是否保存這次配置信息  * 顯示最后的配置信息