VScode編輯器開發vue項目，保存時使用ESlint進行代碼檢查和修復

VSCode 編輯器設置

編輯器下載

插件推薦[PS: 其餘須要能夠本身安裝]

• Auto Close Tag
• Auto Rename Tag
• Beautify css/sass/scss/less
• ESLint
• open in browser
• Path intellisense
• SVG Viewer
• Vetur
• vscode-icons
• Javascript (ES6) code snippets
• Vue 2 Snippets
• Chinese (Simplified) Language Pack for Visual Studio Code

編輯器配置

1. 打開文件/code
2. 選擇首選項
3. 選擇設置
4. 在User Settings 中加入如下代碼

"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
    "language": "html",
    "autoFix": true
    },
    {
    "language": "vue",
    "autoFix": true
    }
]

具體規則可參考ESLint官方網站