Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Js美化css规则附近的包装内联注释_Html_Css_Js Beautify - Fatal编程技术网

Html Js美化css规则附近的包装内联注释

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(“../..

当我试图格式化我的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(“../../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
}