可視化面板創(chuàng)建
- 執(zhí)行
vue ui命令。 - 選擇手動(dòng)方式配置項(xiàng)目。
image.png
-
選擇依賴包
image.png -
配置ESLint和prettier。
會(huì)自動(dòng)安裝eslint，babel-eslint隧期，eslint-plugin-vue， @vue/cli-plugin-eslint赘娄，prettier仆潮，eslint-plugin-prettier，@vue/eslint-config-prettier這些插件遣臼。
image.png -
使用less性置，需要安裝開發(fā)依賴包less-loader和less。
安裝成功之后揍堰，編譯項(xiàng)目less-loader報(bào)錯(cuò)鹏浅，首先考慮版本問題，降低版本到5.0.0試試屏歹。
image.png
命令窗口創(chuàng)建
-
執(zhí)行
vue create projectName隐砸。
image.png -
選擇css 預(yù)處理器
image.png -
配置ESLint和prettier。
image.png -
選擇語法檢查時(shí)期
文件保存時(shí)和代碼提交時(shí)檢查
image.png -
配置文件的存放位置（推薦獨(dú)立放置配置文件）
image.png -
是否保存此預(yù)設(shè)
image.png
