如何让 VSCode 保存的时候格式化代码

最新推荐文章于 2025-04-11 16:57:32 发布
最新推荐文章于 2025-04-11 16:57:32 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： APP 文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/surfirst/article/details/114801034
版权
本文介绍如何在VSCode中设置保存时自动格式化代码的功能，通过简单的几步操作即可提高编程效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

要格式化代码，我们可以选择格式化菜单或者用快捷键 shift+alt+F，但是这样都太麻烦了。VSCode 有一个选项是保存的时候格式化代码。下面是设置步骤:

  1. 按 ctrl + , (ctrl 键加 逗号）
  2. 在输入框搜索 format
  3. 勾选 format on save

如下图所示：
format on Save

恶心的vscode 保存自动格式，禁止 VScode保存自动格式化
weixin_41346436的博客
12-01 1万+
VScode保存禁止自动格式化，这个功能有点恶心，好好地代码一保存就格式乱了，看着很别扭，记录一下处理办法 网上教程案例，试过了好几个，都不生效，把我的这个办法记录一下 首先打开设置齿轮按钮---->再点击设置----->来到设置面板 2.输入框输入保存，点击文本编辑器，再点击setting.json中编辑 3.打开setting.json文件以后，在文本中添加 “editor.formatOnSave”: false, 就可以了，记得保存哦，就生效了 ...
vscode代码保存格式化-setting.json代码
qq_44971069的博客
12-04 933
setting.config文件。
VS Code 保存+格式化代码
weixin_51358957的博客
05-03 8864
ctrl + s 保存并格式化代码
Visual Studio Code (VSCode)为当前项目设置保存时自动格式化
huang_hai_an的博客
01-13 2742
在 Visual Studio Code (VSCode) 中，你可以为单个项目设置特定的配置，而不会影响全局设置。这可以通过创建项目级别的设置文件来实现。以下是具体步骤：打开命令面板：选择工作区设置：添加保存时格式化的设置： 请注意，上述配置中的 是 Prettier VSCode 插件的标识符。你需要确保已经安装了这个插件；不过，如前所述，这并不是项目的依赖，而是编辑器的扩展。针对不同语言自定义格式化工具：保存文件：通过这种方式，你可以在不改变全局设置的情况下，只为当前项目启用保存时自动格式化的功能。
【VSCode】快速选定大括号内的代码并格式化
最新发布
hqyhqyhq的专栏
04-11 640
为了格式化代码，你需要确保已经安装了相应的格式化工具，并且 VSCode 已经配置为使用该工具。对于 Python，你可能需要安装 Python 扩展并配置 Black 或 autopep8 作为格式化工具。如果你经常需要执行这两个操作，可以考虑设置一个自定义快捷键或键盘宏来同时完成选定和格式化。通过以上步骤，你可以在 VSCode 中快速选定大括号内的代码，并对其进行格式化，从而提高编码效率。请注意，即使你选定了代码块，VSCode 也会只格式化选定的部分。这将自动选择当前光标所在的大括号内的代码。
vscode保存代码自动格式化
一个UI、前端爱好者。
07-23 4488
在 Visual Studio Code (VS Code) 中，你可以配置自动保存时自动格式化代码。这可以通过安装合适的扩展（如 Prettier 或 ESLint）和配置设置来实现。
vscode保存时格式化
xautjisuanji的博客
08-13 943
前端各位学前端小伙伴，一开始接触vscode的时候写代码时会很凌乱，这就需要一个格式化工具。今天先讲一下最基础的空格、换行这些的格式化，更复杂的自定义规则以后再写。
[转](5条消息) VScode设置Eslint规则并在保存时自动修复，让编程如丝般顺滑(转载请删除括号里的内容)
jiaoqi6132的博客
11-08 276
不管是多人合作还是个人项目，代码规范是很重要的。使用Eslint规则来规范代码风格不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。这所谓工欲善其事，必先利其器，个人推荐 eslint+vscode 来写 vue。 平时常用的ESLint规则参考如下，并将文件保存至.eslintrc.js文件：ESLint规则. 首先在Vscode安装Eslint、Prettier-Code、formatter、Vetur插件。 接着点开VScode的文件—>首选项—>设置...
vscode保存后格式化和检查代码
qq_52231465的博客
02-06 562
【代码】vscode保存后格式化和检查代码。
vscode写python时的代码错误提醒和自动格式化的方法
09-16
在使用Visual Studio Code (VSCode) 进行Python开发时，拥有实时的代码错误提醒和自动格式化功能能够显著提高编程效率和代码质量。本文将详细介绍如何在VSCode中实现这些功能。 首先，代码错误提醒是开发过程中的...
vscode代码格式化和eslint的使用
10-15
VSCode的代码格式化功能和ESLint集成是提高代码质量的重要手段，有助于保证代码风格的一致性和发现潜在的编码错误。 在VSCode中进行代码格式化的步骤通常包括： 1. 打开VSCode的设置界面，可以通过点击左下角的齿轮...
VScode 保存自动格式化代码
中怪兽和大灰狼
12-20 353
发现很多人，说着个问题，描述不明白，各种脚本，乱七八糟。都是新人，你整一堆脚本，新人有几个看得懂， 直接上图， 第一步，点左下角齿轮 第二部，点设置 第三步，输入formatOnSave 搜索 第四步，打√，完事，手工。 ...
vscode保存时自动格式化代码
2401_86314729的博客
07-13 971
2、在搜索框中输入“format on save”，找到“Editor: Format On Save”选项。3、点击该按钮打开“setting”设置。4、输入如下的代码进行配置。1、选择“设置”选项。
VSCode使用ESLint格式化代码
sinat_41883985的博客
11-23 454
安装ESLint插件 在VSCode里面点击左上角的文件—>首选项—>设置 setting.js代码如下 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // 每次保存的...
Vscode 保存代码，代码自动格式化
Liberal_w的博客
07-04 2039
vscode 代码自动格式化
vscode 代码格式，并设置保存时自动格式化代码
chenhao的专栏
03-21 1万+
1、报错提示：Binding “columns” should be on a new line.eslint（vue/max-attributes-per-line）3、报错提示：Missing space before function parentheses.eslint（space-before-function-paren）此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
最新--vscode保存 自动格式化
qq_38210427的博客
07-19 4769
【代码】最新--vscode保存 自动格式化。
VS Code 设置解析及保存代码格式化问题
热门推荐
lwx931449660的博客
09-09 1万+
问题的由来是这样的，git 上拉去的代码，用vscode打开，随便打开一个vue文件，习惯性的 Ctrl + S 保存了，然后 git 显示文件有更改，查看工作树，显示是这样的 这个问题困扰了好久，网上各种查找，各种修改配置，都不起作用，不过最终还是解决了，先上解决办法， ............
VSCode配置保存自动修复代码格式（Eslint+Prettier）
码农有个田园梦
12-09 2030
基于 ESLint 的插件，通过对 JSX 语法的静态分析，提供了一系列的规则，以帮助我们编写符合无障碍性要求的代码，目的就是，通过强制执行符合可访问性标准的代码规则，使得网站在使用上更加顺畅。对import/export的语法进行linting，防止文件路径和导入名称拼写错误的问题。
vscode保存自动格式化代码插件
01-07
### Visual Studio Code 自动保存时格式化代码 在 Visual Studio Code 中实现保存文件时自动格式化代码的功能并不依赖于特定插件，而是通过内置功能配合已安装的格式化工具来完成。对于C/C++项目而言，默认情况下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

surfirst

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值