使用vscode时如何自动对齐代码（格式化代码）

最新推荐文章于 2024-06-07 16:11:02 发布
最新推荐文章于 2024-06-07 16:11:02 发布
阅读量3.3w 收藏 47
点赞数 22
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fighting_dream/article/details/112649843
版权

如果是某一次，直接右键格式化代码就好了
在这里插入图片描述

如果要设置保存的时候自动格式化代码，，并且每一次都能自动格式化代码，步骤如下：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
,“editor.formatOnType”: true,
“editor.formatOnSave”: true
把这段代码填在后面就好了
在这里插入图片描述
最后直接×掉设置就行啦。
无论你的代码格式有多乱，只要你点击ctrl+s，格式就自动对齐好啦~
设置一次，受益多多次！

I am the sun?
关注
  • 22
    点赞
  • 踩
  • 47
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
详解使用php-cs-fixer格式化代码
10-14
在PhpStorm中，你可以设置一个快捷键或者配置自动格式化代码的选项，这样在保存文件时，代码会自动被`php-cs-fixer`格式化。具体步骤如下： 1. 打开PhpStorm的设置（Preferences on macOS, Settings on Windows/...
代码注释对齐Visual Studio AddIn
09-27
【代码注释对齐Visual Studio AddIn】是一种增强开发效率的工具，专为Microsoft Visual Studio集成开发环境（IDE）设计...通过自动对齐代码注释，它可以帮助开发者专注于编写高质量的代码，减少在格式化上的琐碎工作。
vscode使用官方C/C++插件无法进行代码格式化问题
08-19
主要介绍了vscode使用官方C/C++插件无法进行代码格式化问题,本文通过截图实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
教你VSCode如何快速对齐代码、格式化代码
热门推荐
森明帮大于黑虎帮的博客
08-01 3万+
教你VSCode如何快速对齐代码、格式化代码
如何使用vscode进行代码格式化设置.
最新发布
BradenHan的专栏
06-07 3697
TOC/TOC。
设置vscode保存时自动格式化代码
m0_53454320的博客
03-15 1032
ctrl+s保存时自动对齐代码格式。
linux VSCode如何快速对齐代码
witch23333的博客
06-09 1498
6.选中要格式化的代码以后，“Ctrl+Shift+I”，然后crtrl+s ，就能看见代码已经被格式化了(重复第3步)3.选中要格式化的代码以后，“Ctrl+Shift+I”，然后crtrl+s ，就能看见代码已经被格式化了。在Windows中，vscode格式化代码快捷键是“Shift+Alt+F”;在Ubuntu中，vscode格式化代码快捷键是“Ctrl+Shift+I”。在Mac中，vscode格式化代码快捷键是“Shift+Option+F”;2.vscode代码格式化快捷键。
vscode设置保存时代码格式自动对齐
qq_49742153的博客
12-19 3324
加一个数据gender，跟前面的msg、age不对齐。2.工作区→文本编辑器→格式化→format on save 打钩。Ctrl+S保存后，自动对齐了。1.点击左下角扩展图标→点击“设置”
VScode使用clang format文档自动代码格式化（C语言）
上班哪有不疯的i(╯‵□′)╯︵┻━┻
06-30 9587
或者在setting.json中粘贴下面的代码，需要将C_Cpp.clang_format_path换成自己的clang-format路径。---------------------2023.07.19更新------------------------------------------------2024.03.29更新---------------------------C_Cpp.clang_format_path指的是clangformat.exe的路径。3、.clang-format文件。
vscode 代码缩进-自动格式化
喵
12-01 359
，，，，
vscode代码自动排版对齐的方法
m0_72777910的博客
10-21 1万+
vscode自带格式化文档功能，但是我们安装插件过多，或者修改配置后，部分快捷键被占用。因此很多时候改快捷键就可以解决问题。 注意，在输入前，可以输入要修改的键位名称查询已绑定的功能，防止发生键位冲突
Vscode 代码格式化工具
m0_51514815的博客
04-18 2014
选择formatting（为clang时Format files会根据.clang-format文件格式化，为vcFormat时根据设置的vcFormat相关项格式化）4.在项目目录下编写.clang-format文件如下，这样每当修改文件保存时，就会依据.clang-format中规定的格式自动格式化代码。打开首选项设置（ctrl + ,），搜索format ，勾选format on save在每次保存之前自动格式化代码。Vscode版本：1.88.0。
JS代码格式化工具
10-14
使用时，只需简单地运行命令或设置快捷键，就可以快速完成代码格式化。此外，一些代码版本控制系统，如Git，还可以配置在提交时自动应用格式化，确保代码始终保持整洁。 总的来说，JS代码格式化工具是JavaScript...
mileage-standard:eslint开发代码规范配置和VSCODE常用格式化配置
03-29
然后在VSCODE的用户设置中，将`"editor.formatOnSave"`设置为`true`，实现保存时自动格式化代码。 同时，还需要确保VSCODE的`"javascript.format.enable"`和`"javascript.validate.enable"`设置为`true`，以便在...
formatter:PHP源代码格式化程序-Form source code
03-25
3. **代码格式化规则**：包括缩进方式（空格还是制表符）、括号对齐、行宽限制、空行处理等，这些都是格式化程序需要实现的功能。 4. **用户配置**：为了满足不同开发者的习惯，格式化程序通常允许用户自定义格式化...
Vscode代码格式化文档配置
m0_49714202的博客
04-23 3163
首先找到这个文件settings.json 如下图 （1） 2 ![](https://img-blog.csdnimg.cn/887616ebb4e24a8a9d7b848561f239e4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBATUZHXzY2Ng==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center 3 整体代码复制到里.
JS代码格式化工具网页
02-08
它可以与ESLint集成，自动在保存时格式化代码，同时提供命令行接口和编辑器插件，方便开发者在各种环境中使用。 2. **ESLint**：虽然主要是一个静态代码分析工具，但ESLint也可以配合插件如`eslint-plugin-prettier...
Javascript代码格式化器
07-28
JavaScript代码格式化器是一种工具，主要用于整理和美化混乱的JavaScript代码，使其更符合编码规范，易于阅读和维护。这类工具通常会自动按照指定的规则（例如缩进、空格、换行等）对代码进行格式化，使得代码的结构...
vscode格式化对齐线
12-14
在VSCode中进行代码对齐需要使用组合键`shift + alt + f`进行格式化，但是默认情况下，这种格式化方式可能无法对齐代码。为了解决这个问题，可以安装一个插件来实现代码对齐。以下是具体步骤： 1. 打开VSCode，点击左侧的扩展图标（或者使用快捷键`Ctrl + Shift + X`）。 2. 在搜索框中输入“Beautify”并回车，找到“Beautify”插件并安装。 3. 安装完成后，打开需要对齐的代码文件，选中需要格式化的代码。 4. 使用组合键`Shift + Alt + F`进行格式化，此时代码将会被自动对齐。 需要注意的是，Beautify插件支持多种语言的代码格式化，包括JavaScript、HTML、CSS、JSON等。如果需要对其他语言的代码进行格式化，可以在插件市场中搜索相应的插件进行安装。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值