0

0

VSCode的Code Actions on Save:自动化代码修复与整理

P粉986688829

P粉986688829

发布时间:2026-01-03 18:33:48

|

995人浏览过

|

来源于php中文网

原创

VSCode 保存时自动执行代码操作需配置 codeActionsOnSave:一、通过 settings.json 启用内建操作如 fixAll;二、绑定 ESLint 实现规则修复;三、组合 Prettier 并禁用 formatOnSave 避免冲突;四、按语言 ID 单独配置;五、用 Ruff 扩展修复 Python 代码。

vscode的code actions on save:自动化代码修复与整理

如果您在使用 VSCode 编辑代码时希望保存文件的同时自动执行格式化、修复问题或整理导入语句等操作,则需要正确配置 Code Actions on Save 功能。以下是实现该功能的多种方式:

本文运行环境:MacBook Air,macOS Sequoia。

一、通过 settings.json 启用内建代码操作

VSCode 提供了基于语言服务器协议(LSP)的内置保存时操作支持,可直接在用户或工作区设置中启用特定动作。这些动作依赖已安装的语言扩展(如 ESLint、Prettier、TypeScript 等)并需对应语言服务正常运行。

1、按下 Cmd + , 打开设置界面,点击右上角的“打开设置(JSON)”图标。

2、在 settings.json 中添加或修改 "editor.codeActionsOnSave" 对象。

3、插入以下配置项之一或多个:
"source.fixAll": true,
"source.organizeImports": true,
"source.addMissingImports": true。

4、保存 settings.json 文件,重新打开一个支持该语言的文件进行验证。

二、绑定 ESLint 自动修复

当项目中已集成 ESLint 且安装了官方 ESLint 扩展时,可通过保存触发 ESLint 的自动修复能力。该方式仅对 ESLint 规则报告的问题生效,不覆盖其他格式化行为。

1、确保项目根目录下存在 .eslintrc.js 或 .eslintrc.json 配置文件。

2、在 settings.json 中添加:
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}。

3、确认 ESLint 扩展已启用,并在命令面板(Cmd + Shift + P)中执行 ESLint: Enable ESLint

4、保存任意 JS/TS 文件,观察控制台输出是否显示 ESLint 修复日志。

三、组合 Prettier 与 Format On Save 冲突规避

若同时启用了 "editor.formatOnSave" 和 "editor.codeActionsOnSave",可能引发重复格式化或冲突。推荐禁用 formatOnSave,将格式化逻辑统一交由 codeActionsOnSave 控制,以避免样式覆盖或光标跳动问题。

1、在 settings.json 中设置 "editor.formatOnSave": false。

讯飞听见
讯飞听见

讯飞听见依托科大讯飞的语音识别技术,为用户提供语音转文字、录音转文字等服务,1小时音频最快5分钟出稿,高效安全。

下载

2、安装 Prettier 扩展并确保其为默认格式化工具:
"editor.defaultFormatter": "esbenp.prettier-vscode"。

3、在 "editor.codeActionsOnSave" 中添加:
"source.fixAll.prettier": true。

4、重启 VSCode 窗口,打开一个 .ts 文件并保存,检查是否触发 Prettier 格式化且无报错提示。

四、按语言单独配置保存动作

不同语言可能需要差异化的保存行为,例如 TypeScript 需要组织导入和修复全部,而 Markdown 仅需整理 frontmatter。VSCode 支持按 language ID 细粒度覆盖全局设置。

1、在 settings.json 中添加 "editor.codeActionsOnSave" 的 language-specific 配置块。

2、插入如下结构:
"[typescript]": {
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.fixAll": true
  }
}。

3、同样可为 "[javascript]"、"[python]" 等添加独立配置。

4、确保对应语言扩展已安装并激活,例如 Python 扩展需启用 Pylsp 或 Ruff 支持。

五、使用 Ruff 快速修复 Python 代码

Ruff 是高性能 Python Linter,其 VSCode 扩展支持在保存时执行 fix 操作。该方法不依赖本地 Python 环境中的 ruff CLI,但要求扩展版本 ≥ 0.7.0 且已启用 Ruff 服务。

1、安装 Ruff 官方扩展(charliermarsh.ruff-vscode)。

2、在 settings.json 中添加:
"[python]": {
  "editor.codeActionsOnSave": {
    "source.fixAll.ruff": true
  }
}。

3、确保工作区根目录存在 pyproject.toml 并包含 [tool.ruff] 配置节。

4、编辑一个 .py 文件,在未修复的语法错误行保存后,观察是否自动插入缺失的 import 或修正缩进。

相关专题

更多
python开发工具
python开发工具

php中文网为大家提供各种python开发工具,好的开发工具,可帮助开发者攻克编程学习中的基础障碍,理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容,供大家免费下载使用。

731

2023.06.15

python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

631

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

749

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

617

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

1238

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

547

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

705

2023.08.11

从零到实战:Python 编程系统入门专题
从零到实战:Python 编程系统入门专题

本专题面向零编程基础及初学者,系统讲解 Python 编程语言的核心知识与实战技巧。内容涵盖 Python 基础语法、数据结构、函数与模块、常用标准库、简单算法思维,以及真实应用场景下的小项目实战。通过循序渐进的学习路径,帮助读者快速建立编程思维,掌握 Python 在数据处理、自动化脚本及日常开发中的实际应用能力,为后续深入学习 Web 开发、数据分析或人工智能打下坚实基础。

8

2026.01.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号