VSCode实现保存时自动格式化

最新推荐文章于 2025-03-05 21:18:01 发布
最新推荐文章于 2025-03-05 21:18:01 发布
阅读量471 收藏
点赞数 1
分类专栏： vs code 文章标签： visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44090040/article/details/107818772
版权

在setting.json中配置

"editor.formatOnType": true,
"editor.formatOnSave": true
恶心的vscode 保存自动格式，禁止 VScode保存自动格式化
weixin_41346436的博客
12-01 1万+
VScode保存禁止自动格式化，这个功能有点恶心，好好地代码一保存就格式乱了，看着很别扭，记录一下处理办法 网上教程案例，试过了好几个，都不生效，把我的这个办法记录一下 首先打开设置齿轮按钮---->再点击设置----->来到设置面板 2.输入框输入保存，点击文本编辑器，再点击setting.json中编辑 3.打开setting.json文件以后，在文本中添加 “editor.formatOnSave”: false, 就可以了，记得保存哦，就生效了 ...
小技巧——vscode 保存代码后自动格式化
qq_43201350的博客
10-26 2785
1、打开vscdoe中的设置 2、在搜索框中输入Format On Save 3、把这个勾打上就可以保存后自动格式化了
VS code代码 Ctrl+S 保存时自动格式化
精神小伙的求学之路
10-31 1358
1.扩展商店下载个ESLint插件 2.首选项-设置-搜索eslint 将下面两行代码写进刚刚打开的settings.json中代码块外的空白处 "editor.formatOnSave": true, "editor.formatOnType": true, 保存后关闭重启VS Code后保存自动格式化生效！ ...
VScode、HbuilderX保存代码自动格式化配置
qq_29184685的博客
02-19 1231
3、点击菜单栏的工具=》设置=》插件配置=》取消勾选：Beautify Formator=》勾选“Prettier Fromator”选项=》点击“打开文件prettier.config.js进行配置”=》把项目中的.prettierrc.cjs文件的内容复制到prettier.config.js配置中。2、设置保存代码自动格式化：点击左上角文件=》首选项=》设置=》用户下的文本编辑器=》格式化=》勾选Format On Save。格式化文档】（小程序项目需要额外配置这一步）点击【配置默认格式化程序…
超详细VSCode配置优化指南
liuhaoran___的博客
03-05 1214
Visual Studio Code（VSCode）是一款强大且广受欢迎的开源代码编辑器，为了让其运行更流畅、使用更高效，以下是详细的优化指南。
vscode根据prettier设置的格式 保存自动格式化
uniquepeng的博客
05-15 2318
第四步安装prettier依赖，根目录下新建.prettierrc.cjs文件，文件中配置格式，根目录下新建.prettierignore文件配置忽略格式化的文件。也可以再settings.json中配置"editor.defaultFormatter": "esbenp.prettier-vscode"。第二步设置默认格式 文件-首选项-设置-搜索default format-选择Prettier - Code formatter。4.安装prettier依赖，配置格式。
vscode配置保存自动格式化
qq_38210427的博客
04-03 1528
设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier。接下来先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSave，将搜索到的项目打钩即可。先打开vscode软件，左下角点击设置 》打开设置》唤出快速搜索条界面。
vscode保存时格式化
xautjisuanji的博客
08-13 943
前端各位学前端小伙伴，一开始接触vscode的时候写代码时会很凌乱，这就需要一个格式化工具。今天先讲一下最基础的空格、换行这些的格式化，更复杂的自定义规则以后再写。
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html ...
vscode写python时的代码错误提醒和自动格式化的方法
09-16
在使用Visual Studio Code (VSCode) 进行Python开发时，拥有实时的代码错误提醒和自动格式化功能能够显著提高编程效率和代码质量。本文将详细介绍如何在VSCode中实现这些功能。 首先，代码错误提醒是开发过程中的...
vscode保存时自动格式化代码
2401_86314729的博客
07-13 971
2、在搜索框中输入“format on save”，找到“Editor: Format On Save”选项。3、点击该按钮打开“setting”设置。4、输入如下的代码进行配置。1、选择“设置”选项。
vscode怎么对选定的代码格式化？ctrl+k,ctrl+f（格式化代码）shift+alt+f
热门推荐
Dontla的博客
04-19 6万+
然后按CTRL + K。
vscode上保存时自动格式化代码(一分钟搞定)
在下是小白的博客
03-30 6464
插件Prettier-Code formatter 支持格式的代码类型 JavaScript–TypeScript–Flow–JSX–JSON。 CSS - SCSS - Less HTML - Vue - Angular GraphQL - Markdown - YAML PS:我用来写c++其实也可以补全 设置保存时格式化 1）勾选保存时格式化 2）设置默认格式化方式 【在代码页面右键】 【回见】 ...
VScode「配置自动代码格式化C/C++」
技术总结，经验分享，CSDN一股清流
09-04 8212
本文分享了如何使用VScode配置自动的代码格式化，以及在配置代码格式化的过程中可能会踩的一些坑。
vscode 文件格式化
weixin_41624969的博客
09-17 6843
vscode本身的代码格式化快捷键是alt+shift+f,自身的格式化可以格式化部分文件，但是不能定制格式化，如js文件结尾要添加;号，默认使用 " " 等。 如果要实现定制化的格式化，就需要下载以下2个插件。 ESlist和prettier, 下载好之后就可在设置中搜索setting,找到配置文件， 将格式化选择为prettier 之后就可以实现自定义格式化配置了，直接将需要的代码复制到setting文件即可。 // 让prettier使用eslint的代码格式进行校...
vsCode保存代码自动格式化
qq_42498352的博客
12-03 1311
【代码】vsCode保存代码自动格式化。
vscode格式化代码
weixin_65536555的博客
07-24 5527
2. 使用快捷键 `Shift + Alt + F`（Windows）或者 `Shift + Option + F`（Mac）。1. 打开命令面板 `Ctrl + Shift + P`（Windows）或 `Cmd + Shift + P`（Mac）。3. 在命令面板中选择 `Format Document` 或 `Format Selection`。1. 打开设置 `Ctrl + ,`（Windows）或 `Cmd + ,`（Mac）。2. 在设置搜索栏中输入 `format on save`。
visual studio 保存时自动格式化代码插件
csdndongxizhen的博客
01-06 482
visual studio 保存时自动格式化代码插件
vscode如何实现保存自动格式化代码
最新发布
03-18
<think>好的，我现在需要帮助用户解决如何在VSCode中设置保存时自动格式化代码的问题。用户之前给出的示例中提到了引用[^1]，里面提到了勾选“Editor: Format On Save”选项。首先，我得确认这个步骤是否正确。 首先，我应该回忆一下VSCode的设置流程。用户通常可以通过图形界面或者settings.json文件来修改配置。自动格式化代码的功能确实是在保存时触发的，所以关键点在于找到“Format On Save”这个选项。 接下来，可能需要分步骤说明，比如打开设置的方式。用户可能使用Windows、macOS或Linux，不过VSCode的设置界面在不同系统上应该是一致的，主要是通过菜单或者快捷键打开设置。常见的步骤是：文件 -> 首选项 -> 设置，或者使用快捷键Ctrl+,（Windows/Linux）或Cmd+,（macOS）。然后在搜索栏输入“format on save”来快速定位选项，勾选即可。 另外，用户可能需要安装特定的格式化插件，比如Prettier或ESLint，特别是针对不同的编程语言。比如，对于JavaScript/TypeScript，可能需要安装这些扩展才能正常使用自动格式化功能。这时候需要提醒用户检查是否安装了相关插件，并确保对应的语言有默认的格式化程序。 还有可能遇到的问题是，即使勾选了保存时格式化，但实际没有效果。这时候可能需要检查是否选择了正确的格式化工具，或者是否有多个格式化工具冲突。例如，在设置中可能需要指定"[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }这样的配置。 另外，用户可能会混淆自动保存和自动格式化的区别，需要明确说明这两者的不同。自动保存是保存文件内容，而自动格式化是在保存时调整代码格式。 最后，根据用户提供的引用，需要正确引用相关内容，确保步骤与引用一致。同时，生成的相关问题应该覆盖用户可能进一步想了解的内容，比如如何选择不同的格式化工具，解决格式化不生效的问题，或者不同语言的配置方法等。</think>在VSCode中设置保存时自动格式化代码的步骤如下： 1. **打开设置界面** - 使用快捷键$Ctrl+,$（Windows/Linux）或$Cmd+,$（macOS） - 或通过菜单栏：文件 > 首选项 > 设置 2. **启用自动格式化** - 在搜索框输入"format on save" - 勾选**Editor: Format On Save**复选框 3. **配置语言特定设置** ```json // settings.json示例 { "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.formatOnSave": true } ``` 4. **安装格式化插件** - 建议安装$Prettier$、$ESLint$等扩展 - 通过扩展商店搜索安装（快捷键$Ctrl+Shift+X$）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值