适用于vue2的.eslintrc.js
时间: 2023-08-30 22:06:28 浏览: 38
你可以尝试使用以下的.eslintrc.js配置文件:
```javascript
module.exports = {
root: true,
env: {
node: true
},
extends: ["plugin:vue/essential", "eslint:recommended"],
parserOptions: {
parser: "babel-eslint"
},
rules: {
"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
"indent": ["error", 2],
"semi": ["error", "always"],
"quotes": ["error", "single"],
"comma-dangle": ["error", "never"]
}
};
```
此配置文件基于Vue.js官方的eslint-plugin-vue插件和eslint官方的recommended规则,并添加了一些常见的代码风格规则,如缩进、分号、引号和逗号。你可以根据个人需求进行修改。
相关问题
vue3 .eslintrc.js 等号前后需要空格
在编写`.eslintrc.js`配置文件时,ESLint规则对于等号`=`的前后是否需要空格是有明确规定的。通常,为了代码的一致性和可读性,ESLint推荐在等号前后都保留一个空格。这样做的好处包括:
1. 提高代码的可读性:适当的空间可以使代码的逻辑结构更加清晰。
2. 符合大多数编码规范:多数编码规范推荐在赋值时使用空格,以减少视觉上的拥挤感。
然而,`vue3`项目中的`.eslintrc.js`配置文件是基于JavaScript语言编写的ESLint配置,因此,这个原则同样适用。下面是一个`.eslintrc.js`的简单示例,展示了等号前后的空格使用:
```javascript
module.exports = {
root: true,
env: {
node: true,
},
extends: ['plugin:vue/essential', '@vue/standard'],
parserOptions: {
ecmaVersion: 2020,
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'space-before-function-paren': ['error', 'never'],
'eqeqeq': ['error', 'smart'],
// 其他自定义规则...
},
};
```
在上述代码中,你可以看到`eqeqeq`规则后面有一个逗号和空格,这是一个符合ESLint推荐的格式。
vue项目在vscode里如何根据配置的.eslintrc.js文件格式化文档
要在 VSCode 中根据配置的 .eslintrc.js 文件格式化文档,可以按照以下步骤进行操作:
1. 确保已安装并启用了 ESLint 插件。在 VSCode 中按下 Ctrl+Shift+X 进入插件管理界面,搜索 "ESLint" 并安装。
2. 在项目根目录下创建 .vscode/settings.json 文件,并添加以下配置:
```
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}
```
3. 在 VSCode 中打开需要格式化的 Vue 文件,点击编辑器右下角的 "ESLint" 图标,可以看到是否有 ESLint 错误。如果有,可以根据错误提示修复代码。
4. 在编辑器中按下 Ctrl+S 或者 Command+S(MacOS)保存文件,此时代码将被自动格式化。
需要注意的是,以上步骤仅适用于在 Vue 项目中使用 ESLint 进行代码风格检查和格式化的情况。如果项目使用的是其它格式化工具,需要根据不同的工具配置相应的 VSCode 插件和设置。
阅读全文