1. 介紹
ESLint:是一個代碼檢查工具，用來檢查你的代碼是否符合指定的規(guī)則(你和你的團隊可以自行約定一套規(guī)則)。
在創(chuàng)建項目時，我們使用的是 JavaScript Standard Style 代碼風格的規(guī)則。
規(guī)范網(wǎng)址：https://standardjs.com/rules-zhcn.html
2. 手動修正
根據(jù)錯誤提示來一項一項手動修正。
如果你不認識命令行中的語法報錯是什么意思，你可以根據(jù)錯誤代碼（func-call-spacing, space-in-parens,…）去 ESLint 規(guī)則列表中查找其具體含義。
打開 ESLint 規(guī)則表，使用頁面搜索（Ctrl + F）這個代碼，查找對該規(guī)則的一個釋義。
如下圖：
3. 自動修正
通過eslint插件 - 實現(xiàn)自動修正
- eslint會自動高亮錯誤顯示
- 通過配置，eslint會自動幫助我們修復錯誤
3.1 安裝eslint
3.2 在vs中添加配置
設置：
添加配置如下：文章來源：http://www.zghlxwxcb.cn/news/detail-800121.html
// 當保存的時候，eslint自動幫我們修復錯誤
"editor.codeActionsOnSave": {
"source.fixAll": true
},
// 保存代碼，不自動格式化
"editor.formatOnSave": false
- 注意：eslint的配置文件必須在根目錄下，這個插件才能才能生效。打開項目必須以根目錄打開，一次打開一個項目
- 注意：使用了eslint校驗之后，把vscode帶的那些格式化工具全禁用了 Beatify
settings.json 參考文章來源地址http://www.zghlxwxcb.cn/news/detail-800121.html
{
"window.zoomLevel": 2,
"workbench.iconTheme": "vscode-icons",
"editor.tabSize": 2,
"emmet.triggerExpansionOnTab": true,
// 當保存的時候，eslint自動幫我們修復錯誤
"editor.codeActionsOnSave": {
"source.fixAll": true
},
// 保存代碼，不自動格式化
"editor.formatOnSave": false
}
到了這里，關于vue-ESlint代碼規(guī)范及修復的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
