VSCode:格式化HTML代码，在按enter时添加空格
VSCode是一款开源的、跨平台的轻量级代码编辑器。它提供了丰富的功能和插件扩展，支持多种编程语言和开发任务。
要在VSCode中格式化HTML代码并在按Enter时添加空格，可以使用以下步骤：
- 安装VSCode：首先，您需要从VSCode官方网站（https://code.visualstudio.com/）下载适合您操作系统的安装包，并按照说明进行安装。
- 安装HTML格式化插件：打开VSCode后，点击左侧的扩展图标（四个方块组成的正方形），在搜索栏中输入"HTML Formatter"，然后选择并安装"HTML Formatter"插件。
- 配置HTML格式化选项：点击左下角的齿轮图标，选择"Settings"（或按Ctrl + ,快捷键），进入VSCode的设置界面。在搜索栏中输入"format"，找到"Editor: Format On Save"选项，勾选该选项以在保存文件时自动格式化代码。
- 格式化HTML代码：打开您的HTML文件，点击顶部菜单栏中的"View"，然后选择"Command Palette"（或按Ctrl + Shift + P快捷键），输入"format document"，选择"Format Document"命令。VSCode将自动对整个HTML文件进行格式化，并在按Enter时添加适当的空格。
需要注意的是，以上步骤中的插件和设置适用于格式化HTML代码，并在按Enter时添加空格。VSCode还支持其他格式化选项，您可以根据需要自定义设置。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/explorer
- 移动推送（信鸽）：https://cloud.tencent.com/product/xg
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙云服务：暂无腾讯云具体产品介绍链接，可以查看相关新闻和动态获取更多信息。
以上是关于在VSCode中格式化HTML代码并在按Enter时添加空格的解答，希望能对您有所帮助。
相关·内容
我应该在vscode中做什么更改，以便当我创建标签并按回车键时，编辑器会自动为我创建一个空行并添加制表位，如下图所示？https://code.visualstudio.com/assets/docs/languages/html/auto-close1.gif 我的编辑器settings.json中有以下设置： "editor.autoClosingBrackets": "always",
"edito
浏览 72提问于2020-11-01得票数 0
回答已采纳
目前，在编写Rust程序时，我使用VSCode作为我的IDE。
},
这使得clippy ( linter)在按Ctrl +s以保存文件时自动运行。它还使rustfmt (格式化程序)在按Ctrl +s以保存文件时自动运行。除了这两件事之外，我还希望cargo fix在按Ctrl +s保存文件时
浏览 6提问于2022-03-04得票数 2
我喜欢将Java的试用资源格式化如下：( BufferedInputStreamLineNumberReader(convert);{}try然后我点击enter键，Eclipse将代码格式化如下：(
浏览 2提问于2015-07-01得票数 2
回答已采纳
当我保存JS文件时，VScode会在保存后自动添加一个空格。我已经尝试将VScode设置‘格式化文件’改为null，但仍然不起作用。console.log(users[0] ?.'No name property');console.log(users[0] ? .name ? ? 'No name property');
有什么想法吗？
浏览 155提问于2021-03-13得票数 0
每当我让vscode自动格式化我的代码时，它的格式是2个空格而不是4个空格，即使很明显默认是4个空格，而且我没有接触过settings.json任何人都知道发生了什么。这正发生在Ruby身上，如果这很重要的话。另外，有没有人知道VScode的替代缩
浏览 2提问于2017-01-09得票数 15
回答已采纳
我用单词换行来打断大行，但是我想要做一个新的行号，而不是对许多行使用相同的数字，因为当我试图用箭头移动光标时，当它在同一行上时，它会更进一步。如果你看到我想要的图片:第19,20,21行
浏览 4提问于2022-05-10得票数 0
1回答
我正在使用PhpStorm 8.0.3和Blade模板(使用Laravel)，当我重新格式化代码时，它会变得非常糟糕
有人知道为什么会这样吗
浏览 4提问于2015-04-07得票数 3
1回答
我习惯于在JS中编码，我注意到VSCode的默认衬里和漂亮的默认自动格式化对我不起作用。例如，VSCode在我打开的任何和每一个pragma声明上都显示红色的squigglies，当我执行像emit和事件这样的没有参数的事情时(当我用参数声明它时)，也不会显示红色的squigglies。每次我尝试格式化时，更漂亮的也会崩溃，例如，不会添加分号或空格。
是否有用于代码格式化的工具？或您可以推荐的现有工具的任何设置？
浏览 0提问于2022-01-07得票数 0
有没有可能让VSCode在空行上保持缩进？
更新:最终，我切换到了 --再也不用考虑代码样式了，因为它会自动为我格式化。
浏览 5提问于2017-12-25得票数 41
1回答
如何在VSCode中配置TSLint而不重新格式化代码？我不想完全禁用TSLint，我只想停止它所做的这一件事。我希望在html标记中保留前导缩进。 confirmed)="onCloseAll()"> </a>
</ng-template> 当我保存上面的代码时，TSLint (在VSCode中)将其重
浏览 8提问于2019-01-17得票数 1
回答已采纳
7回答
我为vscode安装了更漂亮的扩展，并将选项卡宽度配置为4个空格，但它仍然缩进了带有2个空格的新行。我做错什么了吗？
编辑：.prettierrc文件的内容： "trailingComma": "none", {"files": "**/lwc/**/*.html&
浏览 13提问于2019-10-27得票数 38
1回答
PHP在输出与HTML语言不同的语言方面没有问题，但是看起来VSCode并不理解这一点。我已经搜索了一些解决方案，但谷歌什么也没给我。 例如，我使用PHP生成动态Markdown文件。 <?真正的问题在于HTML格式化程序。它删除了前导空格，这将导致This is a code block.部件不再是代码块，因为缩进将被删除。列表和双空格也有类似的问题。有没有办法阻止VSCode中的超文本标记语言格式化程序破坏我的Markdow
浏览 13提问于2019-04-05得票数 0
我使用VS代码来开发地形代码。itemName=HashiCorp.terraformoutput "sql_server" { admin_login = instance.administrator_login }我希望在保存文件时将其重新格式化<
浏览 14提问于2020-06-05得票数 6
19回答
我的VS代码中更漂亮的扩展名无法格式化HTML。
在尝试格式化时，我在底部看到这条消息-注意- TS文件和SCSS文件的格式正确。它仅对HTML文件中断。{ }, &quo
浏览 5提问于2019-09-12得票数 32
好吧，当我有了更多的类时，vsc / eslint会把它们带到一个新的行中，正如您在附带的屏幕截图中看到的那样。如何仅对css类禁用此移动？
浏览 7提问于2021-05-23得票数 4
回答已采纳
5回答
我将我的airbnb精简规则迁移到更漂亮的规则，但我有一些问题。{ "ecmaVersion": 6 "env": { "node": true parser: "babel-eslint", "rules
浏览 7提问于2017-07-24得票数 6
回答已采纳
我正在开发一个遗留代码库，其中有人将选项卡配置为3个空格并保存了文件。VSCode能做到这一点吗？当我选择文件内容并从编辑菜单中选择格式时，它说没有.scala文件的代码格式化程序。
浏览 0提问于2018-04-14得票数 5
回答已采纳
目前，我正在使用VSCode开发我的django项目，在我的.html文件中，我选择了Django-Html作为我的语言模式。我的html文件中有多个块{%__%}。例如： {% block navbar %} {% endblock navbar %} {% block footer %} {% endblock footer %} enter image descriptionhere 问题是，当我保存文件时，VSCode将自动格式化我的h
浏览 38提问于2020-09-28得票数 1
所以，我已经使用Visual Studio代码好几个月了，我很喜欢它。但是，有一件事让我抓狂，我已经厌倦了。"“(希望这看起来不奇怪，我不得不编辑标签不会被隐藏)
所以，为了用tab键向右显示行内注释之类的东西，我必须在按tab键之前按空格键。很差劲。当我在输入内容后立即按回车键时，也会发生类
浏览 10提问于2016-08-17得票数 4
回答已采纳
我使用shift + alt + f在vscode中对我的代码进行排序，但是为什么我要得到这个错误：？错误：代码：在删除_id之前和temp之前的空间之后，我没有任何错误，但是我应该如何修复vscode中的自动排列呢？
浏览 5提问于2018-01-20得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
