當我們剛創(chuàng)建一個vue項目,寫代碼時候,因為代碼寫的不規(guī)范會出很多問題,報很多錯誤,除了一個一個去修改他們,還有沒有其他辦法去解決他們呢?
這里介紹三種辦法去統(tǒng)一解決:
方法一:每次運行npm run lint
package.json文件里有一個"lint":“vue-cli-service? lint”,每次寫完代碼,運行一下lint:npm run lint,會自動幫你修復,但是變量沒有用,不會給你自動修復,需要你自己手動修復。
方法二:自動修復eslint(推薦)
(1)安裝eslint插件,并啟用;
(2)在【文件】=>【首選項】=>【設置】,找到setting.json,加上以下配置:
"editor.codeActionsOnSave":{
"source.fixAll":ture
}
setting.json位置:?
配置完,當你每次寫完代碼ctrl+s保存以下就自動給你修復了。
但是這個方案跟你的vscode和eslint版本是息息相關的,所以會出現(xiàn)版本不適用問題,有時候就沒用了。
方案三:暫時關掉eslint,等代碼都寫完了,最后運行一次 npm run lint(推薦)
創(chuàng)建一個vue.config.js文件,在文件中加上下面這句代碼:
module.exports = {
lintOnSave:false //暫時關閉代碼格式檢測
}
然后重啟項目,直接運行:文章來源:http://www.zghlxwxcb.cn/news/detail-590873.html
npm run lint
代碼不規(guī)范就被修復了。文章來源地址http://www.zghlxwxcb.cn/news/detail-590873.html
到了這里,關于解決vue代碼不規(guī)范而出現(xiàn)的問題:Eslint修復的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!