Vue Vue-cli Eslint 在vscode裡程式碼自動格式化
阿新 • • 發佈:2018-11-27
vue eslint 程式碼自動格式化
vue-cli 程式碼風格為 JavaScript Standard Style 程式碼檢查規範嚴格,一不小心就無法執行,使用eslint的autoFixOnSave可以在儲存程式碼的時候自動格式化程式碼
- VSCode拓展外掛推薦(HTML、Node、Vue、React開發均適用)
建議閱讀:
正文 eslint 自動格式化
配置環境:
npm i -g eslint-plugin-vue #or npm i -S eslint-plugin-vue
建立專案跟路徑下的檔案:.eslintrc | .eslint.js
// 新增外掛
"plugins": [
"vue"
]
在你的vscode設定檔案裡新增:
- 1、在vscode新增 eslint 外掛
- 2、在vscode新增 vetur 外掛
- 3、修改你的setting.json
// 新增進你的vscode的 setting.json "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript",{ "language": "vue", "autoFix": true },"html", "vue" ],
參考文集:
https://stackoverflow.com/questions/45852531/eslint-code-format-in-vue
https://github.com/varHarrie/Dawn-Blossoms/issues/10
作者:HuaRongSAO
連結:https://www.jianshu.com/p/69bfcb95b8d7
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。