vscode怎么配置eslint,配置变量命名和文件命名规范?
时间: 2024-11-13 22:15:26 浏览: 5
在Visual Studio Code (VSCode) 中配置ESLint以检查变量命名和文件命名规范,你需要按照以下步骤操作:
1. **安装ESLint插件**:
- 打开VSCode扩展市场,搜索`ESLint`并安装`ESLint`插件。
2. **配置ESLint**:
- 在终端或命令面板中,使用 `npm install eslint --save-dev` 安装全局的ESLint。
- 创建一个`.eslintrc`配置文件,通常放在项目的根目录下,也可以使用`.eslintrc.json`。这里是一个基本示例:
```json
{
"rules": {
"camelcase": ["error", { "properties": "never" }],
"id-blacklist": "off",
"no-unused-vars": "warn", // 根据需求调整变量使用警告级别
"import/extensions": "off", // 关闭文件扩展名检查
"file-extension-in-import": "off", // 关闭特定文件扩展名导入限制
"naming-convention": ["error", {
"variable": "lowerCamelCase", // 变量命名风格
"function": "upperCamelCase" // 函数命名风格
}]
}
}
```
- 确保`"naming-convention"`规则设置了你的变量和函数命名风格。
3. **关联VSCode**:
- 打开用户或工作区的`.vscode/settings.json`,加入以下内容:
```json
"eslint.validate": [
"javascript",
"typescript"
],
"eslint.autoFixOnSave": true, // 自动修复错误,默认开启
"eslint.codeAction.showDocumentation": "Never" // 不显示文档链接
```
4. **运行检查**:
- 使用快捷键 `Ctrl + Shift + E`(Windows/Linux)或 `Cmd + Shift + E`(Mac)运行ESLint检查。
阅读全文