VS Code实现“Ctr+save”保存代码自动格式化

已于 2023-12-23 22:55:37 修改
阅读量809 收藏 8
点赞数 15
分类专栏： vs code 文章标签： vscode
于 2023-12-23 22:49:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50276105/article/details/135175804
版权

一、下载Prettier - Code formatter插件

点击安装即可

二、配置

【1】打开文件——首选项——设置 或者左下角齿轮打开设置

     

【2】搜索设置框输入editor default formatter（意思是默认格式化设置），接着下拉选中刚下好的插件名称Prettier - Code formatter

【3】 然后再输入editor format on save，勾选Editor:Format On Save ，与此同时Editor:Format On Save Mode,选择file

【4】试试看，Ctr+save保存之后有没有自动格式化，没有就关闭VS Code重启一下 

三水木雨
关注
  • 15
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+ESLint 配置保存 自动格式化代码
11-21
1. 在.eslintrc.js 添加 vscode 终端启动服务 // 添加⾃定义规则 'prettier/prettier': [ ...2.打开VS code 文件》首选项》设置》扩展》ESLint》 // eslint格式化字符串 "editor.codeActionsOnSave": {
vs中保存代码时，代码自动格式化的设置
yinge0508的博客
12-08 1969
vs中保存代码时，代码自动格式化的设置
VsCode设置保存自动格式化（一步就够）
常来常往，共同成长
12-12 4493
在VsCode中我们可以通过设置来实现保存文件时自动格式化代码，具体步骤如下
vscode 代码格式，并设置保存时自动格式化代码
最新发布
chenhao的专栏
03-21 2904
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配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
VS Code 设置解析及保存代码格式化问题
lwx931449660的博客
09-09 1万+
问题的由来是这样的，git 上拉去的代码，用vscode打开，随便打开一个vue文件，习惯性的 Ctrl + S 保存了，然后 git 显示文件有更改，查看工作树，显示是这样的 这个问题困扰了好久，网上各种查找，各种修改配置，都不起作用，不过最终还是解决了，先上解决办法， ............
【vscode】保存自动格式化
weixin_46368797的博客
08-12 669
文件–首选项–设置，或者左下角齿轮–设置 搜索框搜索format ，勾选Editor: Format On Save
(0018) H5-VS Code保存后自动格式化Vue代码
沐雨07的专栏
06-29 190
配置自动格式化，具体路径【文件】-【首选项】-【设置】，打开设置（json）完成以上配置，即可实现VS Code编辑代码后自动格式化代码。将以下内容复制到settings.json。
vue实现codemirror代码编辑器中的SQL代码格式化功能
10-16
主要介绍了vue实现codemirror代码编辑器中的SQL代码格式化功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
详解VS Code使用之Vue工程配置format代码格式化
10-17
主要介绍了详解VS Code使用之Vue工程配置format代码格式化，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
阿里idea代码格式化文件Aliyun Code Conventions.xml
01-11
idea阿里代码格式化文件Aliyun Code Conventions.xml，通过idea->editor->scheme中的 Import Scheme-> IntelliJ IDEA code style XML导入
VScode保存自动格式化
m0_71349739的博客
03-01 1653
这样，您就成功取消了在VS Code中保存时自动格式化的功能。这个设置可以帮助您在编写代码时更加自由地控制代码格式，适应个人的编码习惯。如果您需要重新启用自动格式化功能，只需回到设置界面，勾选"Editor: Format On Save"选项即可。
VS code默认格式化程序设置、默认格式化插件选择（图文详解）
HeXinT的博客
11-15 1万+
1、选择需要设置格式化插件的文件。5、 选择你需要的格式化插件即可。2、 鼠标右键进行点击。
【vscode使用clang-format格式化代码】
xf1234的博客
07-31 1551
当然vscode有自己的clang-format的插件,但是使用不是很灵活,因此我们现在使用上面生成的.clang-format文件,并且可以自定义。在工程目录生成.clang-format文件,这里支持多种格式模板llvm,google,chromium,mozilla,webkit。在使用vscode远程开发代码的时候,我们希望能够在保存代码的时候自动格式化代码,这里提到。我们可以修改.clang-format里的参数,自定义代码格式。这里的全部流程是在ubuntu上操作。...
如何让VsCode自动格式化代码？
howard2005的专栏
03-15 2万+
粘贴时自动格式化，保存时自动格式化
vscode如何设置自动保存时自动格式化代码
weixin_42365757的博客
03-19 2125
vscode如何设置自动保存时自动格式化代码 一、实现vs code中代码格式化快捷键：【Shift】+【Alt】+F 二、实现保存时自动代码格式化： 1）文件 ------.>【首选项】---------->【设置】； 2）搜索emmet.include; 3）在settings.json下的【工作区设置】中添加以下语句： "editor.formatOnType": true, "editor.formatOnSave": true 4）随便写代码进行测试即可。 ...
VS Code保存时自动格式化
GXQ的博客
05-12 980
mentor和我讲的，下载插件 可以右键直接点击format document with。。。。 保存时自动格式化 参考：https://blog.csdn.net/core571/article/details/82867932?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-82867932-blog-1
Vscode如何设置代码保存后自动格式化
热门推荐
HHppGo的博客
06-26 3万+
vscode设置代码保存后自动格式化
Vs Code文件保存自动格式化
PrimaryColor
07-15 1760
文件路径： 打开菜单“文件”下的“首选项”的“设置”，如下图，然后点击下图的红色圈的： 在settings.json文件下添加一下代码： "editor.detectIndentation": false, "editor.tabSize": 4, //vscode设置的缩进量 "editor.formatOnSave": true, //保存时候自动格式化 ...
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
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值