vscode保存代码时自动eslint格式化图文教程
作者:BrightSoul
时间:2026-04-21
浏览:2
1、点击设置 2、选择远程--->点击右上角打开设置 3、会弹出settings.json文件,将以下内容复制进去即可 { "eslint.workingDirectories": [ "./back", "./front" ], "editor.codeActionsOnSa ve": { "so
1、点击设置

2、选择远程--->点击右上角打开设置

3、会弹出settings.json文件,将以下内容复制进去即可
{
"eslint.workingDirectories": [
"./back",
"./front"
],
"editor.codeActionsOnSa ve": {
"source.fixAll.eslint": "explicit"
},
"eslint.format.enable": true,
//autoFix默认开启,只需输入字符串数组即可
"eslint.validate": [
"ja vascript",
"vue",
"html"
],
"git.useEditorAsCommitInput": false,
"editor.snippetSuggestions": "top",
"git-graph.commitDetailsView.location": "Docked to Bottom"
}

配置完通常会马上生效,但偶尔也会遇到规则“罢工”的情况。别急着重启VSCode,最常见的原因其实很简单:配置里的工作目录路径和实际项目文件夹的名字对不上号。
举个例子,上面配置中用的 "./back" 和 "./front",但你的项目里对应的文件夹很可能叫 "backend" 和 "frontend"。一字之差,ESLint就找不着北了。这种情况下,只需要把配置文件里的路径改成实际存在的文件夹名,保存一下,问题基本就解决了。


作者最新文章
索尼 Xperia 1 VIII / VII / VI 等手机获 Android 17 更新,新增桌面模式等功能
2026-09-08 16:44
加拿大留学监护声明书(IMM 5646)双页签署与公证核对指南
2026-09-03 15:02
在线PDF转图片教程:一键生成高清图片包
2026-09-03 12:04
Creo零基础入门:新建零件与第一次拉伸建模完整指南
2026-09-03 06:02
扫描件PDF转Word的在线操作步骤与编辑可行性判断
2026-09-02 18:39
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































