专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

ESLint 正式支持 MCP:代码规范进入新时代?

ins518 2025-05-21 14:11:11 技术文章 8 ℃ 0 评论

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!

1.ESLint 官宣支持 MCP

MCP(Model Context Protocol) 是一项开放标准,其使 AI 模型能够通过统一接口与外部工具和服务进行交互。

2025 年 5 月 2 日发布的 ESLint v9.26.0 新增了对 MCP(Model Context Protocol)服务器的支持,使 ESLint 能够通过统一的界面与 AI 模型和工具进行交互。

该功能允许大型语言模型 (LLM) 在 IDE 和其他软件中运行 ESLint,从而帮助开发者完成代码检查 (linting) 和代码分析等任务。开发者可以使用 ESLint 命令行中的 --mcp 标志轻松启动 MCP 服务器,该功能对于使用 GitHub Copilot 等 AI 编程助手的开发者尤其有用。

2. 在 VS Code 中设置 ESLint MCP 服务器

要在 VS Code 中使用 MCP 服务器,开发者必须安装 Copilot Chat 扩展程序。之后,可以按照以下步骤添加 ESLint MCP 服务器:

2.1 创建 MCP 配置文件

在项目中创建一个 .vscode/mcp.json 文件,并添加以下配置:

{
	"servers": {
		"ESLint": {
			"type": "stdio",
			"command": "npx",
			"args": ["eslint", "--mcp"]
		}
	}
}

2.2 在用户设置中启用 MCP 服务器

如果想在所有工作区中使用 ESLint MCP 服务器,开发者可以按照上述步骤,选择 “用户设置” 而不是 “工作区设置”,将 MCP 服务器添加到 settings.json 文件中。

3. 在 Cursor 中设置 ESLint MCP 服务器

要在 Cursor 中配置 ESLint MCP 服务器,可以按照以下步骤操作。

3.1 创建 MCP 配置文件

在项目目录中创建 .cursor/mcp.json 文件,并添加以下配置:

{
	"mcpServers": {
		"eslint": {
			"command": "npx",
			"args": ["eslint", "--mcp"],
			"env": {}
		}
	}
}

3.2 全局配置(可选)

如果想在所有 Cursor 工作区中使用 ESLint MCP 服务器,请在主目录中创建一个具有相同配置的 ~/.cursor/mcp.json 文件。

3.3 验证工具可用性

配置完成后,ESLint MCP 服务器应出现在 Cursor 中 MCP 设置页面的 “可用工具” 部分中。

参考资料

https://eslint.org/docs/latest/use/mcp

https://eslint.org/blog/2025/05/eslint-v9.26.0-released/

https://azukiazusa.dev/blog/eslint-mcp-server/

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表