vscode使用eslint自動保存格式化代碼

1.開發環境 vue+eslint
2.電腦系統 windows10專業版
3.在使用vue開發項目的時候,咱們有的時候會選擇eslint來規範代碼,因而開始本身配置保存按照eslint來格式代碼,去網上找答案,結果什麼樣的說法都是有的(有的說在package.json配置/有的說去setting.json加入各類配置),關鍵是沒有一個生效的,因而開啓了本身鑽研,找打瞭解決方法,下面我來分享一下。
4.廢話很少說,直接上操做:vue

// 在vue.config.js加入下面配置
module.exports = {
    chainWebpack: config => {
        // 開啓eslint自動修復,關鍵代碼
        config.module
            .rule('eslint')
            .use('eslint-loader')
            .tap(options => {
                options.fix = true
                return options
            })
    }
}
// 注意:前提是項目安裝了eslint
// 接下來就能夠愉快的玩耍了,就是這麼的簡單

5.再次聲明,沒有配置settings.json
image.png
6.本期的分享到了這裏就結束啦,但願對你有所幫助,讓咱們一一塊兒努力走向巔峯。json

相關文章
相關標籤/搜索