VSCode HTML缩进，同一行结束标记
VSCode是一款流行的开源代码编辑器，它提供了丰富的功能和插件，方便开发人员进行前端开发。在VSCode中，HTML缩进是指在编写HTML代码时，对代码进行自动缩进和格式化，以提高代码的可读性和维护性。
同一行结束标记是指在HTML代码中，如果一个标签的开始和结束在同一行，可以使用同一行结束标记来简化代码的书写。通常情况下，HTML标签的开始和结束是分开写的，例如：
<div>
<p>Hello, World!</p>
</div>但是在某些情况下，如果标签的内容很简单，可以将开始和结束标记写在同一行，例如：
<div><p>Hello, World!</p></div>这样可以减少代码的行数，使代码更加简洁。
在VSCode中，可以通过以下方式进行HTML缩进和同一行结束标记的设置：
- 打开VSCode，点击菜单栏的“文件”（File）选项，选择“首选项”（Preferences），再选择“设置”（Settings）。
- 在设置页面中，搜索“HTML”或“HTML Format”。
- 找到“Editor: Format On Save”选项，将其勾选上，这样在保存文件时会自动进行代码格式化和缩进。
- 找到“Editor: Tab Size”选项，设置缩进的空格数，一般推荐设置为4个空格。
- 找到“Editor: Insert Spaces”选项，将其勾选上，表示使用空格进行缩进。
- 找到“HTML › Format: Wrap Line Length”选项，设置换行的长度，一般推荐设置为80或120。
- 找到“HTML › Format: Wrap Attributes”选项，将其勾选上，表示在超过换行长度时自动换行属性。
- 找到“HTML › Format: Indent Inner Html”选项，将其勾选上，表示对HTML标签内部的内容进行缩进。
通过以上设置，可以在编写HTML代码时，使用VSCode自动进行缩进和格式化，同时也可以使用同一行结束标记来简化代码的书写。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
智能联想的使用示例呢？详见API/SDK使用？？ 没有啊，示例代码也没有
标题：智能联想 - 云搜 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/270/1201
浏览 427提问于2018-03-13
怎么导出腾讯云服务器镜像并下载到本地？
导出的镜像，我能在本地环境正常使用么，我想把这个镜像再安装到我本地的电脑上，请问这个操作是都能成功
浏览 14655提问于2020-08-03
3回答
请描述您的问题
标题：PHP SDK - 点播 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/266/9725
浏览 473提问于2018-03-16
微信小程序前端和后端分别要做些什么 ? 所有需要的东西有哪些 ? (请尽量详细点)
标题：人脸识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12397
浏览 2460提问于2018-01-24
当我在Visual studio中按下格式化整个文档时，像"h1“和"p”这样的标签被分成了多行
<h1>
<%# something %></h1>
我想要发生的是所有的东西都保持在一行。
<h1><%# something %></h1>
我检查了Tools > Options > Text Editor > HTML > Format > Tag Specific Options for h1下的格式设置，并将其设置为“之前和之后”，默认设置也是此选项。
谁能告诉
浏览 0提问于2011-07-20得票数 2
回答已采纳
1回答
我对VsCode和超文本标记语言还是个新手。我将其设置为save on format，当我这样做时，它会自动将所有元素放在一个新行上。首先，这是一个好的实践吗？如果是这样，那就很好了。如果不是，我该如何阻止它？
因此，我键入以下内容：
<p> My name is <b>Bob</b></p>
但它的格式如下：
<p>
My name is
<b>Bob</b>
</p>
像这样格式化代码是一种很好的做法吗？
似乎如果段落真的很长，其中包含多个元素，那么在代码中间有一堆新行可能会让人感到困惑。
如果
浏览 1提问于2021-05-17得票数 0
在我的VSCode中，当我使用html时，当我放置新的标签时，它不会给我一个关于标签名称的提示。另外，当我在写的时候，如何用>自动关闭标签？我已经安装了HTML代码片段、锅炉、Intellisense自动完成标记扩展。
下面是用setting.json编写的代码
"python.pythonPath": "C:\\ProgramData\\Anaconda3",
"editor.renderWhitespace": "boundary",
"editor.tabCompletion": "on"
浏览 2提问于2019-12-08得票数 1
2回答
我正在键入一些类或方法，并使用换行来帮助我查看所有的内容，并且在我保存时，它一直被编辑掉。我试过在扩展和设置中寻找答案，但不知道删除新行的可能是什么。
我会有这样的东西：
public class SomeClass
{
public static void main (String[] args)
{
Some code here;
}
}
它将删除SomeClass之后的第一个中断行和args之后的第一个行)，它将编辑它如下所示：
public class SomeClass {
public static void main (String
浏览 6提问于2021-09-24得票数 1
回答已采纳
在Visual Studio2010中，在Tools -> Options -> Text editor -> HTML -> Formatting -> Tag Specific Options下，有一些选项用于配置编辑器如何自动格式化不同的HTML和ASP.NET标签。这包括诸如是否应该自动在标签前后放置换行符等。
有没有地方可以以类似的方式配置<% %> <%= %>和<%：%>块的格式规则？
特别是，我不希望在<%=和<%：块之前强制换行符。
例如，我已经为h1标记配置了不在其内容周围添加换行符的选项，这对静
浏览 1提问于2010-07-02得票数 12
回答已采纳
我正在制作包含完整JavaScript库的代码片段，这些代码片段被缩小了。
但我的问题是，VScode会自动为非常长的行启用自动换行。
我在网上搜索，发现有人说我应该加一句：
"editor.wordWrap": "off",
"editor.stopRenderingLineAfter": -1,
到我的配置中。但是，只有在我关闭选项卡之前，它才有效。如果我打开包含这个长行的文件(在本例中是javascripts.json代码段文件)，VScode会自动将该选项卡切换到自动换行："on“状态。
下面是我想说的GIF：
附言:有人可以为我
浏览 46提问于2019-08-16得票数 1
1回答
当我处理HTML文件时，我想做的就是让更漂亮的人在Visual代码上工作，但是似乎什么都不起作用。
我让我的默认格式化程序更漂亮了。
我启用了“保存、粘贴和键入”格式。
每当我使用HTML文件时，我都会看到屏幕右下角有两个双复选标记。
但是，我的HTML内容仍然没有格式化。
目前，我的settings.json看起来如下：
{
"workbench.colorTheme": "Tomorrow Night Blue",
"liveServer.settings.donotShowInfoMsg": true,
"workben
浏览 16提问于2022-03-29得票数 0
我使用eslint-config-prettier和eslint-plugin-prettier包通过ESLint运行更漂亮的程序。我也有一个漂亮的开发依赖项，用于非JS文件。我在VS Code中使用这两个扩展来在保存时自动验证和格式化我的代码：Prettier - Code formatter和ESLint。 我在HTML文件中内联JS时遇到了问题。尽管在我的配置文件中，我已经显式地将选项html.format.contentUnformatted设置为"pre,code,textarea,script"，以防止使用默认的格式化程序格式化该内容，但似乎通过ESLint运行的
浏览 63提问于2021-01-26得票数 0
回答已采纳
我正在编辑别人的代码，我只想更改9000行文件中的一行。但每次我保存时，VS Code都会格式化整个文件，并删除所有尾随的空格。这是一个禁忌，因为当我把它往上推时，审阅者不知道该看哪一行。
我试过禁用prettier，将所有文件添加到.prettierignore，进入VS代码设置，禁用任何格式化程序或空格修剪的建议，关闭formatOnSave。
这是我的.vscode/settings.json
{
"prettier.disableLanguages": [
"js",
"json",
"javascri
浏览 0提问于2020-05-16得票数 15
2回答
我使用VScode进行Vue开发，使用更漂亮的和Eslint。
目前，更漂亮的代码格式化如下：
我想要的是强制如下
如果我手动将它更改为我想要的格式，它不会将它标记为不正确，但默认情况下它也不会执行这种格式。
在默认情况下，是否有办法做到这一点？
我的相关VScode Settings.json
"prettier.disableLanguages": ["json"],
"[scss, css]": {
"editor.defaultFormatter": "esbenp.prettier
浏览 14提问于2020-05-23得票数 8
回答已采纳
6回答
我有一个html文件(大小约260kb)，其源代码未格式化。即html文件的所有标签和所有代码都在一行上。因此，在gedit(或记事本)中打开它是不可能理解它的内容的。可以根据标签以某种方式缩进它，使得所有标签出现在不同的行上，并且html代码变得可理解。请帮帮忙。
浏览 2提问于2011-01-27得票数 2
回答已采纳
我正在处理ejs文件，但是为了重用一些代码，我使用了includes特性。考虑到一些开始/结束html标签被放在其他文件中，在我保存我的更改后，一些东西(我不知道是更漂亮的扩展名还是VS代码编辑器)在我的代码中包含了结束标签，当我运行它时会导致几个问题。
浏览 30提问于2021-02-15得票数 3
回答已采纳
我安装了Visual Studio Code Insiders。基本上，我已经安装了微软的Go扩展，并编写了简单的hello world应用程序。现在我总是用空格来缩进我的代码，但是我看到它变成了4大小的制表符，所以我想:耶，多么好的扩展，现在我可以开始写代码了。
然后我想起来了，来自gofmt的默认代码缩进应该是8作为选项卡。我查过了。gofmt main.go确实用8大小的选项卡输出我的代码。但是vscode一直在做4大小的选项卡。我想也许它甚至没有调用gofmt，但是当我使用RPM->格式化文档时，它实际上是这样做的。不过，4码的标签。在这种情况下，我做错了什么？
"
浏览 0提问于2019-07-27得票数 1
回答已采纳
最近，我为一个我一直在做的项目打印了一些HTML源代码。我喜欢保持标记的整洁和可读性。我注意到，在某些地方，输出的html没有换行，而在某些地方，有多余的缩进。以下面的代码为例，其中我保留了源文件中的缩进：
<div id="sections">
<ul>
<?php if(!empty($details)) { ?>
<li><a href="#details"><span>Details</span></a></li&
浏览 0提问于2010-10-11得票数 0
回答已采纳
我最近开始使用VS2015和ReSharper9。我在默认配置下遇到了一个奇怪的格式(它在VS2013/Resharper8中没有)：
如果我尝试自动格式化这段代码：
public int Id { get; set; }
public string Login { get; set; }
public string Password { get; set; }
它将发送到：
public int Id
{
get; set;
}
public string Login
{
get; set;
浏览 1提问于2014-11-20得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
