防止 Visual Studio 将 SCSS 映射折叠到单行上 (VS2022)

发布于 2025-01-09 05:15:43 字数 1532 浏览 0 评论 0原文

我对 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

神也荒唐 2025-01-16 05:15:43

不幸的是,我在 SCSS 编辑器的首选项中没有找到任何可以更改此行为的设置。但是,至少你可以通过添加一行注释来欺骗它:

$fontSizesDisplay: ( //
"--font-size-display-1": $rcc-font-size-display-1, //
"--font-size-display-2": $rcc-font-size-display-2, //
"--font-size-display-3": $rcc-font-size-display-3, //
"--font-size-display-4": $rcc-font-size-display-4, //
"--font-size-display-5": $rcc-font-size-display-5, //
"--font-size-display-6": $rcc-font-size-display-6, //
); 

我知道它很难看,但像这样,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:

$fontSizesDisplay: ( //
"--font-size-display-1": $rcc-font-size-display-1, //
"--font-size-display-2": $rcc-font-size-display-2, //
"--font-size-display-3": $rcc-font-size-display-3, //
"--font-size-display-4": $rcc-font-size-display-4, //
"--font-size-display-5": $rcc-font-size-display-5, //
"--font-size-display-6": $rcc-font-size-display-6, //
); 

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文