VS代码CSS配置预览不使用标记工作区设置 问题

VS代码CSS配置预览不使用标记工作区设置 问题,css,sass,visual-studio-code,markdown,vscode-settings,Css,Sass,Visual Studio Code,Markdown,Vscode Settings,CSS样式化不会显示在VS代码预览中,尽管根据VS代码文档在工作区设置下进行了配置 预期 以下是发布的标记文件media.md在宿主时的显示方式 注意:添加绿色边框以突出显示标记代码 结果 下面是标记文件media.md在VS代码预览中的显示方式 注意:添加绿色边框以突出显示标记代码 安装程序 工作空间结构 试图使用assets/css/style.scss设置样式的标记文件是media.md 工作区设置 这是在“工作区设置”下配置的,而不是在“用户设置”下配置的 VSC的“markdow

CSS样式化不会显示在VS代码预览中,尽管根据VS代码文档在工作区设置下进行了配置

预期 以下是发布的标记文件media.md在宿主时的显示方式

注意:添加绿色边框以突出显示标记代码

结果 下面是标记文件media.md在VS代码预览中的显示方式

注意:添加绿色边框以突出显示标记代码

安装程序 工作空间结构 试图使用assets/css/style.scss设置样式的标记文件是media.md

工作区设置 这是在“工作区设置”下配置的,而不是在“用户设置”下配置的

VSC的
“markdown.styles”:[]
设置特别适用于CSS,而不是SCS

您可以使用将
*.scs
处理为VSC标记预览能够理解的
*.css
文件

不过,从外观上看,您似乎正在使用Jekyll站点(我看到了一个
\u config.yml
Jekyll配置文件)。在这种情况下,预览更改可能是更好的选择


另外,如果降价截图周围有边框,以便更好地区分降价截图和问题本身的细节,那么解析您的问题就更容易了:)

VSC的
“Markdown.styles”:[]
设置特别适用于CSS,而不是SCS

您可以使用将
*.scs
处理为VSC标记预览能够理解的
*.css
文件

不过,从外观上看,您似乎正在使用Jekyll站点(我看到了一个
\u config.yml
Jekyll配置文件)。在这种情况下,预览更改可能是更好的选择



另外,如果降价截图周围有一个边框,以便更好地区分降价截图和问题本身的细节,那么解析您的问题就更容易了:)

谢谢您的专业提示!我添加了一个边框来区分降价和问题。我将考虑在本地为Jekyll提供服务。使用sass将SCS转换为css看起来也很诱人。我会在两条战线上汇报。谢谢你的专业提示!我添加了一个边框来区分降价和问题。我将考虑在本地为Jekyll提供服务。使用sass将SCS转换为css看起来也很诱人。我会在两条战线上汇报。
{
    "markdown.styles": [
        "assets/css/style.scss"
    ]
}