解决IDEA、PyCharm、WebStorm等JetBrains公司编辑器代码格式化HTML标签缩进问题

最新推荐文章于 2024-08-02 17:02:46 发布
最新推荐文章于 2024-08-02 17:02:46 发布
阅读量1.1k 收藏 5
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/langkye/article/details/103980675
版权

解决JetBrains公司编辑器代码格式化HTML标签缩进问题

默认情况下，对HTML代码格式化，head、body下的子标签是不缩进的

Crl + Alt + L
解决:
依次点击 [File ——> settings ——> Editor ——> Code Style ——> HTML]， 找到 [ Do not indent children of: ]， 将右侧内容修改如下： 
html,thead,tbody,tfoot

如图
示例

再 Crl + Alt + L 进行代码格式化，head、body下的子标签就可缩进了。

————————————END————————————
语短情深
关注
大数据必学Java基础（三十）：IDEA的使用介绍
Lansonli（蓝深李）的博客
07-13 1732
文章目录IDEA的使用介绍一、IDE❀优点❀缺点二、JetBrains公司介绍三、IntelliJ_IDEA介绍 四、IntelliJ_IDEA的下载和安装的准备五、IDEA的卸载六、IDEA的安装和试用七、IDEA页面展示八、Module的概念和使用 九、IDEA的常用设置 十、IDEA的常用快捷键集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功
体验文心一言AI大模型生成一篇关于OpenAI、Notepad++、WPS、pycharm、git、svn、Webstorm、Chrome、Edge和向日葵客户端的报告
临风暖阳的博客
06-19 361
主要介绍笔者平常工作中用到的软件
WebStrom html格式缩进
qq_53132438的博客
10-22 262
webStrom html格式缩进
EditorConfig实现不同编辑器的默认代码格式化风格
猿始森林
05-21 1299
说明 EditorConfig有助于为跨越各种编辑器和IDE的同一项目的多个开发人员维护一致的编码样式。因为不同编辑器格式化代码的风格是不一样的，如果没有配置editorconfig，执行的就是编辑器默认的代码格式化规则； EditorConfig项目由用于定义编码样式的文件格式和一组文本编辑器插件组成，这些插件使编辑器能够读取文件格式并遵循定义的样式。 一、.editorconfig文件...
WebStorm2024.1.5激活
最新发布
yahang3344的博客
08-02 3186
或者直接百度网盘提取：链接：https://pan.baidu.com/s/1AkATz705OV9wpPyBvMwsNg提取码：6666下载好之后直接安装。
关于vscode编辑器代码格式化
weixin_42284453的博客
06-12 667
1，先安装 eslint 插件 2.在file-perference-setting 中搜索 3.点开 红框 中插入一下代码 `{ // tab 大小为2个空格 “editor.tabSize”: 2, // 编辑器换行 “editor.wordWrap”: “off”, // 保存时格式化 “editor.formatOnSave”: true, // 开启 vscode 文件路径导航 “breadcrumbs.enabled”: true, // prettier 设置语句末尾不加分号 “prettie
修改webstorm中html模板标签缩进
qq_35285184的博客
12-10 1256
修改html的模板,让你的代码看起来更美观
《前端》WebStorm中html关于有的标签不自动缩进的问题
帽帽的博客
01-04 1629
如图，打开设置，然后找到这个设置页面，找到 Do not indent children of 这一栏，把想要自动缩进的标签给从这个输入框里面去掉即可。
JetBrains家所有IDE保存时自动格式化代码: Clion/PyCharm/Intellij IDEA
SGCTSGCT的博客
02-01 4857
JetBrains家所有IDE保存时自动格式化代码: Clion/PyCharm/Intellij IDEA 众所周知，JetBrains家的IDE使用体验非常好，可以很多从VSCode过来的小伙伴并不熟悉，本来在VSCode里面只需要在settings.json中一行简单的指令就可以解决在保存时自动格式化代码的问题，但是在JB全家桶中却难以实现，很多复杂的教程都让大家使用File Watcher或类似的工具来监视文件变化，不仅步骤繁琐，而且也无法在所有IDE上通用，今天给大家介绍一款JB全系可用的插件，非
idea_settings：jetbrains的设置
02-21
JetBrains是一家知名的软件公司，其开发了一系列的高效编程工具，如IntelliJ IDEA、PyCharm、WebStorm等，这些工具在开发社区中广受欢迎。它们的设置通常涉及到代码编辑、项目管理、调试、版本控制等多个方面，能够...
jetbrains-settings
03-19
JetBrains是一家知名的软件开发公司，以其高效、强大的集成开发环境（IDE）而闻名，例如IntelliJ IDEA、PyCharm、WebStorm等。这些IDE允许用户自定义设置以优化他们的开发环境，提高工作效率。"喷气脑环境"可能是对...
jetbrains-ide-settings
03-05
JetBrains是一家知名的软件开发公司，以其高效、功能丰富的IDE而闻名，如IntelliJ IDEA、PyCharm、WebStorm等。这些IDE都允许用户自定义设置以优化他们的开发环境，提高工作效率。这份名为"jetbrains-ide-settings-...
【IDE】【WebStorm】html排版设置head和body缩进
天天向上 Up Up Up (*^▽^*)
01-16 4337
webstrom无法格式化局部html,格式化代码失效webstorm
weixin_33245968的博客
06-07 1361
标签(空格分隔)： 格式化代码 webstorm我是前端开发，使用的编译器是webstorm最近，想换一个主题，喜欢sublime的干净清晰，于是把sublime的主题jar包导入。发现一个问题出现就是：格式化代码的快捷键失效。查阅网上并未找到解决办法，于是自行摸索吧。解决过程：1.文件/设置找到键盘快捷键一栏，进入。Paste_Image.png2.在搜索框里输入“格式化代码”Paste_Ima...
IDEA编辑html页面时，head、body等标签不缩进的问题【已解决】
pearz的博客
12-16 787
问题 如下图，编辑html页面时，head标签不缩进，body也不缩进，看起来很不舒服 解决方法 依次选择File | Settings | Editor | Code Style | HTML | Other 找到Do not indent children of这一项 删除head，body即可
HTML5开发工具：Adobe Dreamweaver CS6 与 JetBrains WebStorm 的取舍
kingshown_WZ的专栏
07-18 1904
【时代基调：用户在不断的成长，市场在不断的变化】 简单的说：dw就是一个编辑器，而webstorm是一个IDE。 1、dreamweaver CS6 总感觉dw已经跟不上时代的发展。如果是刚入门的时候或者只是想拖拖表格、搞搞css，那么dw cs6是目前市场上比较适合的编辑器。想捣鼓捣鼓js,less,sass,node.js等等之类的新玩意，也想试试vim结合传统编辑器的威力，那...
简单静态网页的搭建---用html+css
shelgi的博客
02-18 4524
文章目录前言正文1.先来看看成果2.搭建静态网页基本步骤3.一些技巧和注意事项1.讲讲在jetbrains系列软件中写html、css的操作2.常用的css样式3.素材和注意事项结尾 前言 之前讲了html和css的相关知识，也该是时候动手搭建一些简单的静态网页了。这一篇博客主要除了分享怎么搭建，更多是是想分享一些需要注意的小细节以及一些实用的技巧。 正文 1.先来看看成果 2.搭建静态网页基本...
02-学习笔记（webstorm设置代码自动缩进量）【新手上路，多多关照】
fwz123的博客
11-23 1680
WebStorm设置代码自动缩进为两个空格（默认为四个空格）
IDEA中HTML代码格式化问题
保持热爱，奔赴山海
08-18 5186
一、问题描述 在编写HTML代码时，若进行格式化，部分标签会顶格。 二、解决办法 Settings -> Editor -> Code Style -> HTML，找到 Other 里面的 Do not indent children of 选项，删除里面的 html 和 body 标签即可。 ...
pycharm代码格式化
07-14
在PyCharm中，你可以使用以下方法来格式化代码： 1. 打开PyCharm并打开你的项目。 2. 选择你想要格式化的代码块，可以是一个文件、一段代码或整个项目。 3. 使用以下方法之一来格式化代码： - 使用快捷键：默认情况下，可以使用Ctrl + Alt + L（Windows和Linux）或Command + Option + L（Mac）快捷键来格式化选定的代码块。 - 右键菜单：在选定的代码块上右键点击，然后选择"Reformat Code"（格式化代码）选项。 - 主菜单：选择"Code"（代码）菜单，然后选择"Reformat Code"（格式化代码）选项。 4. PyCharm将根据你的代码样式设置，对选定的代码块进行自动格式化。 需要注意的是，PyCharm会根据你在项目设置或编辑器设置中定义的代码样式进行格式化。你可以在以下位置进行设置： - 项目设置：转到"File"（文件）菜单，选择"Settings"（设置），然后在弹出的窗口中找到"Editor"（编辑器） -> "Code Style"（代码样式）选项。在这里，你可以定义各种代码样式规则，如缩进、空格、换行等。 - 编辑器设置：右下角有一个代码样式选择器，可以直接在编辑器中切换不同的代码样式。点击它，选择"Configure Current File Indentation"（配置当前文件缩进）或"Configure Editor Default Indentation"（配置编辑器默认缩进）来设置代码样式。 除了手动格式化代码，PyCharm还提供了自动格式化的选项。你可以在"Settings"（设置）中的"Editor"（编辑器） -> "Code Style"（代码样式） -> "Autoformat on Save"（保存时自动格式化）中启用此选项。这样，每次保存文件时，PyCharm会自动格式化代码。 总结来说，PyCharm提供了多种方法来格式化代码，包括使用快捷键、右键菜单和主菜单选项。你可以根据需要选择代码块并应用格式化操作。同时，你还可以在项目设置或编辑器设置中定义代码样式规则，并启用自动格式化选项来提高开发效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值