Vs Code 快速格式化代码

最新推荐文章于 2025-11-30 10:13:12 发布

原创最新推荐文章于 2025-11-30 10:13:12 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

常用工具系列专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在Visual Studio Code (VsCode) 中快速格式化代码：使用Shift+Alt+F快捷键，或者通过右键菜单选择‘格式化文档’。此外，还详细讲解了如何设置VsCode在保存文件时自动格式化代码，步骤包括进入设置，搜索emmet.include，然后在settings.json的用户部分添加'editor.formatOnType': true和'editor.formatOnSave': true。记得在添加配置前，在已有代码末尾添加逗号。

Vs Code快速格式化代码: Shift+Alt+F

或者右键单击格式化文档

或者设置当我们保存页面的时候自动格式化代码

1）文件–首选项–设置
2）搜索框内输入 emmet.include;
3）在settings.json下的【用户】中添加以下语句：

用户用户用户不是工作区重要事情说三遍

“editor.formatOnType”: true,
“editor.formatOnSave”: true

Tip:加代码之前，请在已有的代码片段最后一行的后面加一个英文逗号，保证每一句代码
后面有,

2020年9月24日20:47:31

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

VS Code配合Prettier自动格式化代码

分享技术，分享经验

04-10

6493

每次修改 .prettierrc.cjs 配置文件后，如果发现保存代码时格式化没有生效，可能是 VS Code 插件缓存未及时刷新。建议此时重启 VS Code，确保新的配置被正确加载并生效。

【VSCode】快速选定大括号内的代码并格式化

hqyhqyhq的专栏

04-11

1843

为了格式化代码，你需要确保已经安装了相应的格式化工具，并且 VSCode 已经配置为使用该工具。对于 Python，你可能需要安装 Python 扩展并配置 Black 或 autopep8 作为格式化工具。如果你经常需要执行这两个操作，可以考虑设置一个自定义快捷键或键盘宏来同时完成选定和格式化。通过以上步骤，你可以在 VSCode 中快速选定大括号内的代码，并对其进行格式化，从而提高编码效率。请注意，即使你选定了代码块，VSCode 也会只格式化选定的部分。这将自动选择当前光标所在的大括号内的代码。

参与评论您还未登录，请先登录后发表或查看评论

巧用Vscode编辑器，快速格式化代码

Auscy的博客

09-19

886

安装 Prettier 扩展。在设置中开启。为你常用的语言在设置中配置默认格式化程序为 Prettier。(可选) 在项目根目录创建文件来自定义规则。(可选) 创建和文件进行更精细的控制。从此以后，你只需要专注于编写代码逻辑，按下Ctrl + S保存，VSCode 就会自动将你的代码变得整洁又美观！

HTML代码格式化总出错，你必须知道的4个VSCode缩进避坑指南

最新发布

QuickProceed的博客

11-30

569

解决VSCode HTML缩进混乱问题，掌握4个关键设置技巧。涵盖自动格式化配置、缩进空格数调整、文件关联规则及格式化工具优先级，确保代码整洁统一。适用于前端开发与团队协作场景，提升编码效率，值得收藏。

VScode常见用法

宇之日记

10-21

5815

VScode常见用法

VS Code 代码格式化

qq_38799237的博客

03-12

4825

这几天在接触学习 sass 的时候，可以将 sass 文件编译成 css 文件，但是当代码过多的时候，看起来并不美观，甚至还有一点乱糟糟的感觉。对于我这个天秤座的人来说只能接受优雅美观的东西，所以为了让代码看起来更加优美，我们需要配置 vscode 使其具有代码格式化功能。

vscode格式化代码

weixin_65536555的博客

07-24

6392

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`。

精选资源

如何使用VS中的快捷键快速格式化代码使好看,整齐

01-20

在VC2005中，快捷键是Ctrl + K, Ctrl + F, 这是一个组合键，即先按Ctrl + K, 这时候编辑器会等待下一个按键动作，此时再按Ctrl + F, 即可以格式化代码了，当然，也可以在选项里面设置成使用VC6的快捷键，就可以继续...

codeMirror代码格式化（官方demo）

06-14

在网页应用中，CodeMirror常被用于提供一个交互式的代码编辑界面，让用户能够直接在浏览器中编写、编辑和格式化代码。这款编辑器不仅外观简洁，而且功能强大，能满足开发人员和学习者的各种需求。 1. **CodeMirror...

vs 代码格式化插件AStyleExtension

06-12

`AStyleExtension`是VS Code的一个插件，它的主要功能是集成`Artistic Style`（简称`AStyle`），这是一个开源的源代码格式化器，专为C、C++、C++/CLI、Objective-C、C#和Java等语言设计。`AStyle`的目标是帮助开发者...

Keil uVision5 代码格式化

01-08

2. 在项目中选择需要格式化的源文件，右键点击并选择“Format Code”或使用快捷键（通常是Ctrl+Shift+F）来启动代码格式化功能。 3. Keil会根据默认的代码风格规则自动调整代码布局。如果需要自定义格式化规则，可以...

Vscode代码格式化

zhilige的博客

10-30

1070

①首选项 → ② 设置 ③ 点击这个小图标 ④ 然后把以下的代码复制进去。 { "window.zoomLevel": 2, //设置窗口缩放级别 "files.autoSave": "afterDelay", //自动保存代码 "breadcrumbs.enabled": true, // 开启 vscode 文件路径导航 "search.exclude": { //用来忽略搜索的文件夹 "**/bower_components": true,

VSCode代码格式化

m0_57489904的博客

06-27

6万+

1.在VSCode中进行代码格式化：2.在保存代码时自动格式化

vscode 格式化代码

zengliguang的专栏

01-17

3447

VSCode 使用 Prettier 或 ESLint 等工具进行代码格式化，具体取决于你的设置。你可以在设置中修改这些工具的行为，或者添加新的格式化工具。如果你的键盘布局没有 "Alt" 键，或者你的快捷键与其他系统不同，你可能需要自定义或查阅 VSCode 的设置以获取适合你的快捷键。另外，你还可以使用 VSCode 的命令面板来格式化代码。

vscode怎么对选定的代码格式化？ctrl+k,ctrl+f（格式化代码）shift+alt+f

热门推荐

Dontla的博客

04-19

7万+

然后按CTRL + K。

[转载] Sublime Text 3 插件 ClangFormat 格式化 C/C++版

u013946150的博客

02-03

878

参考链接：在Clang工具的帮助下创建C/C++代码格式化工具 Sublime Text 3 ClangFormat格式化 C/C++版插件安装 ctrl+shift+p找到Package Control: Install Package 搜索ClangFormat，等待安装即可编译配置 Tool -> Build System -> New Build System 保存文件名：myc++.build { "path": "C:/MinGW/bin", ...

vscode 代码格式化

zhendongzd

08-31

2952

1、安装插件（目的是记录自己安装的插件） 2、设置vscode代码格式化 打开vscode，搜索C_Cpp: Clang_format_fallback Style，按照如下格式设置。 { BasedOnStyle: WebKit, PointerAlignment: Right} 如果需要有自己的特殊代码格式要求，可以参考这篇文章里对应的设置，参考vscode的说明加入到{}中即可。 VSCode格式化C/C++代码配置规则 ...

vsCode 格式化代码

m0_37684037的博客

06-25

1000

【command】+【, 】打开设置左侧栏-->扩展-->右边找到任何一个【在settings.json中编辑】点击打开settings.json文件；输入以下配置： "editor.formatOnType": true, "editor.formatOnSave": true 注意：如果前一行没有逗号，请加上英文逗号保存时会自动格式化代码或者快捷键：【alt...

vsCode代码格式化（理解eslint、vetur、prettier，实现格式化文档以及ctrl+s保存自动格式化文档，保证代码格式的统一，相对规范，以及一些常见问题实战解决）

qq_45796592的博客

04-20

1万+

vsCode代码格式化，解决格式化中常见的问题，让大家能知根知底，不用盲目在网上查询多种配置（包括理解eslint、vetur、prettier，实现格式化文档以及ctrl+s保存自动格式化文档，保证代码格式的统一，相对规范，以及一些常见问题实战解决）