VS code代码 Ctrl+S 保存时自动格式化

最新推荐文章于 2024-04-20 14:21:37 发布
最新推荐文章于 2024-04-20 14:21:37 发布
阅读量975 收藏
点赞数
分类专栏： VS CODE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42263667/article/details/109409308
版权
在VS Code中，可以通过安装ESLint插件并配置settings.json实现Ctrl+S保存时自动进行代码格式化。具体步骤包括在扩展商店下载ESLint插件，然后在设置中搜索eslint，将相关配置代码添加到settings.json文件，保存并重启VS Code即可生效。
摘要由CSDN通过智能技术生成

1.扩展商店下载个ESLint插件

在这里插入图片描述
2.首选项-设置-搜索eslint

在这里插入图片描述
将下面两行代码写进刚刚打开的settings.json中代码块外的空白处

 "editor.formatOnSave": true,
 "editor.formatOnType": true,

在这里插入图片描述
保存后关闭重启VS Code后保存自动格式化生效！

精神小伙的青春
关注
专栏目录
vs快捷键及常用设置（vs2012版）
极简的随笔
09-22 1万+
vs快捷键：1、ctrl+fF是Find的简写，意为查找。在vs工具中按此快捷键，可以查看相关的关键词。比如查找哪些页面引用了某个类等。再配合查找范围（整个解决方案、当前项目、当前文档等），可以快速的找到问题所在。选项卡上面还有替换，可以批量替换某个命名错误的类名等。2、ctrl+shift+F10这个组合键是在引用某个类的命名空间时常用的快捷键，只要把光标放到要引入命名空间的类下面，按此组合键就
VsCode中ctrl+s后会在当前目录下自动生成dist目录的方法
10-14
这些设置会确保在你保存文件时，VsCode会调用`ESLint`和`Prettier`来按照指定的规则自动格式化代码。 通过以上步骤，你就可以在保存文件时避免不必要的`dist`目录生成，并且确保代码风格的一致性。记住，VsCode是...
vsCode代码格式化（理解eslint、vetur、prettier，实现格式化文档以及ctrl+s保存自动格式化文档，保证代码格式的统一，相对规范，以及一些常见问题实战解决）
qq_45796592的博客
04-20 8988
vsCode代码格式化，解决格式化中常见的问题，让大家能知根知底，不用盲目在网上查询多种配置（包括理解eslint、vetur、prettier，实现格式化文档以及ctrl+s保存自动格式化文档，保证代码格式的统一，相对规范，以及一些常见问题实战解决）
VS code 设置Ctrl+S保存，取消自动格式化的方法
weixin_38177156的博客
11-17 2340
今天碰到的问题总结一下，大概过程是我这个VS软件一直是没有那种格式修复功能，然后我就网上找解决方法，然后还把软件个别配置搞错了。现在大概把相关截图配置保存一下。以后再出错可以参考。 eslint 取消格式化 代码自动修复 ...
vscode按下ctrl+S代码被自动格式化两次
weixin_42642483的博客
07-19 2323
Ctrl+S前的代码 图1 Ctrl+S后的代码 图2 Ctrl+S后过程中，会先保存为图1的代码，然后迅速修改为图2的格式保存。出现该问题的原因为editor.codeActionsOnSave设置中保存了两种格式： 在设置中搜索editor.codeActionsOnSave，并点击Edit in setting.json: 将source.organizeImports值设置为false后，保存正常： ...
VsCode使用Ctrl+S保存代码自动格式化Html/Css/JS
qq_38210427的博客
03-17 3451
vscode
vscode 自动保存代码设置
Shivy_的博客
02-15 3519
vscode 自动保存代码设置
VScode保存快捷键（ctrl+s）失效
qq_19273999的博客
08-21 5277
VScode保存快捷键（ctrl+s）失效
vue-cli4项目开启eslint保存时自动格式问题
11-20
在这里，我们将详细讨论如何在 Vue CLI 4 项目中开启 ESLint 并实现保存时自动格式化。 首先，我们需要在 Visual Studio Code (VSCode) 中安装 ESLint 插件。这可以通过在 VSCode 市场搜索 "ESLint" 并安装插件来...
vscode 一键规范代码格式的实现
10-14
通过设置这个选项为true，可以在每次保存文件时自动格式化代码。 4. "eslint.autoFixOnSave": true 这个设置将利用eslint工具在每次保存文件时自动修复代码中的错误。前提是在项目中已经安装并配置了eslint。 5. ...
VScode格式化ESlint方法(最全最好用方法)
12-10
1. ESLint：这是JavaScript的代码检测工具，可配置为在保存时自动格式化JS。然而，需要注意的是，每次保存仅格式化一小部分，可能需要多次按Ctrl+S来完成格式化。 2. Vetur：此插件用于格式化HTML、标准CSS（包含...
解决IDEA中编辑HTML格式文件不自动缩进问题
10-15
在IntelliJ IDEA中编辑HTML文件时，如果发现HTML标签在格式化后无法自动缩进，这可能会影响代码的可读性。通常情况下，HTML的缩进可以帮助开发者更加清晰地看出代码的结构和层级关系，从而提高代码的可维护性。这篇...
解决方案：VSCode中配置自动格式化实现Ctrl+S自动格式化代码
白洞，白色的明天在等着我们
10-17 9999
Prettier 是一个 Opinionated 的代码格式化工具，它通过解析代码并使用自己的规则（考虑最大行长）重新打印代码，从而使得代码样式一致，并在必要时包装代码。一致的代码风格不仅仅有助于提高可读性，还可以减少错误和漏洞的产生。在编码中，在VSCode中配置Prettier插件并实现使用Ctrl+S自动格式化代码
VScode如何设置ctrl+s快捷键自动格式化代码
weixin_46732620的博客
07-08 3143
2在搜索框输入emmet,点击工作区，找到在settings.json中编辑的选项。4重启Vscode即可使用ctrl+s自动格式化代码的快捷键。1 打开文件—>首选项—>设置。
解决VSCode运行时自动保存问题【图文解析】
EFFY
11-21 2449
用VSCode写前端时老是自动保存，代码还没写完就开始 刷新页面 调用接口 出现报错之类的，很烦人，所以就写一篇修改VSCode自动保存文件的文章，以免自己忘记在哪设置。焦点不是鼠标，移到外面去后还要点一下，建议选择afterDelay，然后再如下图设置自动保存时间间隔。
VS Code - 自动保存
Talk is cheap. Show me the code
11-26 4992
VS Code - 自动保存 VS Code - 自动保存 在使用VS Code 编写代码的时候，默认是不保存当前代码的输入，需要 Ctrl + S 手动进行保存，一些情况下难免忘记保存就执行代码，导致一些奇怪的问题。这时候就需要使用 VS Code 自动保存代码了。默认情况下，文件中的代码有了改动资源管理器（下图红框）就会有改动提醒。这时候需要我们手动保存，否则这次代码改动没有生效。在 Settings 中搜索框中输入 Auto Save 然后在相应的设置下拉框中选择 afterDelay 即可。
VSCode 使用教程-8.设置代码自动保存
qq_27371025的博客
09-23 2541
VSCode 编辑代码默认不会自动保存，需手动按`Ctr+S`保存代码，长时间编辑代码没保存可能会导致代码意外丢失。 可以设置自动保存，这样就方便多了。
基于Java语言的蓝牙遥控器设计源码，支持键盘、鼠标、影音遥控器
最新发布
10-05
该项目为基于Java语言的蓝牙遥控器设计源码，包含539个文件，涵盖307个Java源文件、120个XML配置文件、34个PNG图片文件、16个Gradle构建文件、12个Git忽略文件、9个文本文件、6个JAR包文件、5个JSON配置文件、5个JPG图片文件。该遥控器支持键盘、鼠标和影音控制功能，适用于多种场合。
webstrom每次ctrl+s保存都自动格式化代码，怎么取消掉这个功能？
06-09
您可以按照以下步骤取消WebStorm自动格式化代码功能： 1. 打开WebStorm的设置界面，可以通过菜单栏中的“File”->“Settings”打开。 2. 在左侧的导航栏中，选择“Editor”->“Code Style”。 3. 在右侧的界面中，选择您使用的编程语言，比如“JavaScript”。 4. 在“JavaScript”的设置页面中，找到“On save”选项。 5. 将“On save”选项中的“Reformat code”选项取消勾选。 6. 点击“Apply”和“OK”按钮保存更改并退出设置界面。 这样，WebStorm就不会在每次保存代码时自动格式化代码了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

精神小伙的青春

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

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

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

打赏作者

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

抵扣说明：

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

余额充值