防止 Visual Studio 将 SCSS 映射折叠到单行上 (VS2022)
我对 Visual Studio 试图变得智能并格式化内容(特别是 SCSS 文件)感到有些悲伤。
起初,我以为这与 CodeMaid 扩展有关;所以我关掉了,没有用。
本质上,我的问题是当你有一个像这样的 SCSS 块时:
$themes: (
dark:(
'Franklin-Blue': #000000,
'Light-Blue': #0d0d0d,
'Pale-Blue': #2c2f33,
'Pure-White': #ffffff,
'VLight-Grey': #99aab5,
'Middle-Grey': #2c2f33,
'Dark-Grey': #23272a,
'body-color': #000000,
'text-color': #ffffff,
'bold-text': #7289da,
'White-Blue': #7289da
),
light:(
'Franklin-Blue': #1d1c4d,
'Light-Blue': #4e5d94,
'Pale-Blue': #7289da,
'Pure-White': #ffffff,
'VLight-Grey': #99aab5,
'Middle-Grey': #2c2f33,
'Dark-Grey': #23272a,
'body-color': #ffffff,
'text-color': #000000,
'bold-text': #000000,
'White-Blue': #ffffff
)
);
你希望它保持这样,但 Visual Studio 将其格式化为:
$themes: ( dark:( 'Franklin-Blue': #000000, 'Light-Blue': #0d0d0d, 'Pale-Blue': #2c2f33, 'Pure-White': #ffffff, 'VLight-Grey': #99aab5, 'Middle-Grey': #2c2f33, 'Dark-Grey': #23272a, 'body-color': #000000, 'text-color': #ffffff, 'bold-text': #7289da, 'White-Blue': #7289da ), light:( 'Franklin-Blue': #1d1c4d, 'Light-Blue': #4e5d94, 'Pale-Blue': #7289da, 'Pure-White': #ffffff, 'VLight-Grey': #99aab5, 'Middle-Grey': #2c2f33, 'Dark-Grey': #23272a, 'body-color': #ffffff, 'text-color': #000000, 'bold-text': #000000, 'White-Blue': #ffffff ) );
如何阻止它将这些块包装到一行上?
I'm having some grief with Visual Studio trying to be smart and format things - specifically SCSS files.
At first, I thought this was to do with the CodeMaid extension; so I turned off, to no avail.
Essentially my issue is when you have an SCSS block like this:
$themes: (
dark:(
'Franklin-Blue': #000000,
'Light-Blue': #0d0d0d,
'Pale-Blue': #2c2f33,
'Pure-White': #ffffff,
'VLight-Grey': #99aab5,
'Middle-Grey': #2c2f33,
'Dark-Grey': #23272a,
'body-color': #000000,
'text-color': #ffffff,
'bold-text': #7289da,
'White-Blue': #7289da
),
light:(
'Franklin-Blue': #1d1c4d,
'Light-Blue': #4e5d94,
'Pale-Blue': #7289da,
'Pure-White': #ffffff,
'VLight-Grey': #99aab5,
'Middle-Grey': #2c2f33,
'Dark-Grey': #23272a,
'body-color': #ffffff,
'text-color': #000000,
'bold-text': #000000,
'White-Blue': #ffffff
)
);
You want it to stay like that, but Visual Studio formats it to:
$themes: ( dark:( 'Franklin-Blue': #000000, 'Light-Blue': #0d0d0d, 'Pale-Blue': #2c2f33, 'Pure-White': #ffffff, 'VLight-Grey': #99aab5, 'Middle-Grey': #2c2f33, 'Dark-Grey': #23272a, 'body-color': #000000, 'text-color': #ffffff, 'bold-text': #7289da, 'White-Blue': #7289da ), light:( 'Franklin-Blue': #1d1c4d, 'Light-Blue': #4e5d94, 'Pale-Blue': #7289da, 'Pure-White': #ffffff, 'VLight-Grey': #99aab5, 'Middle-Grey': #2c2f33, 'Dark-Grey': #23272a, 'body-color': #ffffff, 'text-color': #000000, 'bold-text': #000000, 'White-Blue': #ffffff ) );
How do I stop it from wrapping those blocks onto a single line?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不幸的是,我在 SCSS 编辑器的首选项中没有找到任何可以更改此行为的设置。但是,至少你可以通过添加一行注释来欺骗它:
我知道它很难看,但像这样,VS 2022 不会折叠这些行:-)
编辑:
事实证明,至少 Scout 可以处理结尾逗号。所以不需要在最后一行删除逗号。
Unfortunately I don't find any setting in the preferences for the SCSS editor that changes this behaviour. But, at least you can cheat it by adding one line comments:
I know it is ugly but like this, VS 2022 won't collapse the lines :-)
Edit:
Turns out that at least Scout can handle ending commas. So no need to drop the comma on the last line.