一、esLint
esLint是提供一個插件化的javascript代碼檢測工具。
esLint 配置文件遵循 commonJS 的導(dǎo)出規(guī)則，所導(dǎo)出的對象是 eslint 的配置對象。
module.exports = {
// 表示當(dāng)前目錄即為根目錄， eslint 規(guī)則將被限制到該目錄下
root: true,
// env 表示啟用 eslint 檢測的環(huán)境
env: {
// 在 node 環(huán)境下啟動 eslint 檢測
node: true
},
// eslint 中基礎(chǔ)配置需要繼承的配置
extends: [
'plugin:vue/essential',
'@vue/standard'
],
// 解析器
parserOptions: {
parser: 'babel-eslint'
},
// 需要修改的啟用規(guī)則及其各自的錯誤級別
/**
* 錯誤級別分為三種：
* "off" 或 0 --- 關(guān)閉規(guī)則
* "warn" 或 1 --- 開啟規(guī)則，使用警告級別的錯誤：warn(不會導(dǎo)致程序退出)
* "error" 或 2 --- 開啟規(guī)則，使用錯誤級別的錯誤：error(當(dāng)被觸發(fā)的時候，程序會退出)
*/
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
}
}二、eslint和prettier配合解決代碼格式問題
1、打開vscode 在插件選項中找到對應(yīng)插件進(jìn)行安裝即可。
2、新建一個.prettierrc文件
在該文件下，寫入一下代碼
{
// 不尾隨分號 即 寫完一句js代碼，后面不加分號
"semi": false,
// 使用單引號
"singleQuote": true,
// 多行逗號分割的語法中，最后一行不加逗號
"trailingComma": "none"
}3、設(shè)置vscode保存代碼時，讓代碼符合eslint標(biāo)準(zhǔn)
4、修改vscode中tab對應(yīng)的空格數(shù)
對于vscode而言，默認(rèn)一個tab等于4個空格，而eslint希望一個tab為兩個空格。
5、如果vscode使用了多個代碼格式化工具，需要將prettier設(shè)置為默認(rèn)
在任意一個文件中，右鍵
6、eslint和prettier代碼沖突問題解決
eslint要求方法名和后面的小括號之間有個空格，但是保存時，prettier會自動將這個空格刪除，因此造成沖突。
只需在.eslintrc.js文件中添加一條規(guī)則即可文章來源：http://www.zghlxwxcb.cn/news/detail-784554.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-784554.html
到了這里，關(guān)于vscode使用eslint及prettier配合解決代碼格式問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
