Html Js美化css规则附近的包装内联注释
当我试图格式化我的scss代码库时,我遇到了一个小问题 输入 美化前的代码如下:Html Js美化css规则附近的包装内联注释,html,css,js-beautify,Html,Css,Js Beautify,当我试图格式化我的scss代码库时,我遇到了一个小问题 输入 美化前的代码如下: .hero关于{ 背景:线性梯度(rgba(0,0,0,4), rgba(0,0,0,6)),url(“../../images/backgrounds/team.png”)中心/封面;/*1*/ 高度:.1rem;/*2*/ 最小高度:100vh; } 预期产量 美化后的代码应该是这样的(相同): .hero关于{ 背景:线性梯度(rgba(0,0,0,4), rgba(0,0,0,6)),url(“../..
.hero关于{
背景:线性梯度(rgba(0,0,0,4),
rgba(0,0,0,6)),url(“../../images/backgrounds/team.png”)中心/封面;/*1*/
高度:.1rem;/*2*/
最小高度:100vh;
}
预期产量
美化后的代码应该是这样的(相同):
.hero关于{
背景:线性梯度(rgba(0,0,0,4),
rgba(0,0,0,6)),url(“../../images/backgrounds/team.png”)中心/封面;/*1*/
高度:.1rem;/*2*/
最小高度:100vh;
}
实际产量
美化后的代码实际上是这样的,您可以注意到美化包装了内联注释,显然我不希望出现这种丑陋的行为
.hero关于{
背景:线性渐变(rgba(0,0,0,0.4),rgba(0,0,0,0.6)),url(“../../images/backgrounds/team.png”)中心/封面;
/* 1 */
高度:.1em;
/* 2 */
最小高度:100vh;
}
复制步骤 只需复制css代码,并尝试运行js beautify无需配置 环境 操作系统:Windows 10 Home 6/03/2020 18363.720
设置
请注意:这种丑陋的行为独立于配置文件,您可以在任何配置中注意到它。好的,我猜有一个小的解决方法 在我的
gulpfile.js
中,我写道(谢谢!):
.pipe(替换(“;\n/*”,“;/*”)
在SCSS gulp编译期间,这将修复由js beautify引起的问题。它会将“\n”(换行符)替换为一个“”(空格)
希望能有所帮助强>
好的,我猜有一个小的解决办法 在我的
gulpfile.js
中,我写道(谢谢!):
.pipe(替换(“;\n/*”,“;/*”)
在SCSS gulp编译期间,这将修复由js beautify引起的问题。它会将“\n”(换行符)替换为一个“”(空格)
希望能有所帮助强>
{
"indent_size": 2,
"end_with_new_line": true
}