HBuilderX格式化css

默认格式化样式

#aaa {width: 100%;height: 100%;
}#bbb,
#ccc,
#ddd {width: 100%;height: 100%;
}

期望格式化样式

#aaa {width: 100%;height: 100%;
}
#bbb, #ccc, #ddd {    width: 100%;height: 100%;
}

设置方式

1、打开HBuikderX安装目录下的format文件夹，C:\Program Files\HBuilderX\plugins\format，\HBuilderX\plugins\format前面的路径修改为自己HBuilderX的安装目录

2、打开format文件夹下的jsbeautifyrc.js文件

3、在options中加入如下代码段，“css”和“html”同级

"css": {  "newline_between_rules": false,  "selector_separator_newline": false,  "preserve_newlines": false
}

4、加入后的文件内容如下图

HBuilderX格式化css相关推荐

python解析css文件_Python格式化css文件的方法
本文实例讲述了Python格式化css文件的方法.分享给大家供大家参考.具体实现方法如下: import string, sys import re, StringIO TAB=4 def forma ...
mac苹果电脑 HbuilderX 格式化代码
mac苹果电脑 HbuilderX 格式化代码 command+k
vscode html 属性换行,vscode中格式化css代码标签属性不换行
vscode中格式化css代码标签属性不换行,如下图,教程,后将,解决方法,首选 vscode中格式化css代码标签属性不换行易采站长站,站长之家为您整理了vscode中格式化css代码标签属性不换 ...
php怎么调用css格式化,css文件格式化脚本的方法
这次给大家带来css文件格式化脚本的方法,css文件格式化脚本的注意事项有哪些,下面就是实战案例,一起来看一下.#!/usr/bin/python # -*- coding: UTF-8 -*- im ...
格式化css文件,css文件格式化脚本的方法
这次给大家带来css文件格式化脚本的方法,css文件格式化脚本的注意事项有哪些,下面就是实战案例,一起来看一下.#!/usr/bin/python # -*- coding: UTF-8 -*- im ...
vsCode Beautify插件，可格式化css,js,less代码（霸霸看了都说好）
1.vscode拓展商店搜索插件名 2.配置settings.json文件设置–>插件–>Beautify config->settings.json "editor.f ...
word文档css格式化,css教程 word版.doc
css教程 word版 CSS教程 CSS简介 CSS语法 CSS字体属性(font) CSS常用文本属性 CSS背景属性 CSS边框属性(border) CSS边距属性(margin) CSS间隙属 ...
vscode中使用prettier后html,css格式化不生效的问题
vscode里装上prettier插件后格式化文件后不生效. 例如这里我之前装上插件后当时只设置了HTML默认格式化程序,以为后面格式化其他文件就不用在设置了,然后今天写css的时候突然发现prett ...
visual studio css大纲,Visual Studio代码CSS缩进和格式化
11 个答案: 答案 0 :(得分:85) 是的,请尝试安装vscode-css-formatter extension.它只是添加了格式.css文件的功能,并且快捷方式保持不变Alt+Shift+F ...
利用vscode stylelint插件实现ctrl+s自动格式化vue项目中的css、scss
vscode stylelint使用 1. vscode stylelint插件安装及配置 vscode stylelint插件版本 vscode中配置stylelint和开启自动修复 2. 安装st ...

HBuilderX格式化css

默认格式化样式

期望格式化样式

设置方式

HBuilderX格式化css相关推荐

最新文章

热门文章