vscode eslint配置
时间: 2023-10-08 19:06:58 浏览: 162
vscode 兼容eslint插件.txt
可以使用以下步骤在 VS Code 中配置 ESLint:
1. 在 VS Code 中安装 "ESLint" 扩展。点击左侧边栏的扩展图标,搜索 "ESLint" 并点击安装。
2. 在项目根目录下安装 ESLint。打开终端,运行以下命令:
```
npm install eslint --save-dev
```
3. 在项目根目录下创建一个名为 `.eslintrc.js` 的文件(或者是 `.eslintrc` 或 `.eslintrc.json` 格式),并添加以下内容作为基本配置:
```javascript
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'eslint:recommended',
],
parserOptions: {
ecmaVersion: 12,
sourceType: 'module',
},
rules: {
// 可以根据需要添加自定义规则
},
};
```
4. 如果你想使用特定的 JavaScript 规则配置,可以选择一个适合你项目的预设。例如,如果你正在使用 Vue.js,可以安装 "eslint-plugin-vue" 扩展,并将其添加到配置文件中。
5. 在 VS Code 的设置中配置 ESLint。打开 VS Code 的设置,搜索 "eslint.enable" 并启用它。这将自动应用 ESLint 规则并显示错误和警告。
完成以上步骤后,你的项目就会使用 ESLint 进行代码检查和规范。你还可以根据需要在 `.eslintrc.js` 文件中添加其他自定义规则。
阅读全文