Sublime Text 3 中的 Sass + CSS3 + CSS Comb

Posted

技术标签:

【中文标题】Sublime Text 3 中的 Sass + CSS3 + CSS Comb【英文标题】:Sass + CSS3 + CSS Comb in Sublime Text 3 【发布时间】:2015-12-01 13:39:40 【问题描述】:

我正在尝试在 Sublime Text 3 中使用 CSS 和 Sass 文件找到完美的工作流程。我需要的是:

    Sass 文件语法高亮显示 CSS Comb 在保存时按字母顺序排列属性 属性和值提示,使用最新的 CSS3 数据

安装Sass package可以实现Sass高亮。

我还设法将 CSS Comb 设置为保存,如下所示:


    "on_pre_save_language": [
        
            "command": "css_comb"
        
    ]

CSS3 package 提供了出色的 CSS3 提示,但 Sass 包似乎提供了自己的提示,但并不令人满意。

还有其他 Sass 包,但它们完全破坏了 CSS Comb。

如何结合所有这些要求?我可以禁用 Sass 包中的提示并让 Sublime 使用 CSS3 吗?或者我应该用其他方式吗?

【问题讨论】:

我强烈推荐 stylelint + stylefmt 组合,而不是 CSS Comb。而且大多数这些东西都内置在 VSCode 中。如果您真的必须使用 Sublime Text 3,我推荐我们的设置,它可能会对您有所帮助:github.com/digitoimistodude/sublime-settings - 可以在这里找到满足您要求的 vscode-settings:github.com/ronilaukkarinen/vscode-settings 【参考方案1】:

我正在使用包:SASS 和 SASS 解决方案。在右下角设置中也使用 SASS 作为我的文件类型。打包空格也不错!,让你的代码更整洁。

【讨论】:

【参考方案2】:

这是安装 Sublime Text 包的官方网站。在 Sublime 控制台中运行它告诉您的 Python 命令以允许安装包(所有相关说明都在以下链接中)。 https://packagecontrol.io/installation

然后,点击 CMD + SHIFT + P,然后输入包控制:安装包。单击正确的下拉选项并输入 Sass。这将为您安装 Sass 包,并且您打开的所有 Sass 文件将在您重新启动 Sublime 后自动突出显示语法。

【讨论】:

问题是不是如何安装一个包,加油。

以上是关于Sublime Text 3 中的 Sass + CSS3 + CSS Comb的主要内容,如果未能解决你的问题,请参考以下文章

带有 Sass 支持的 Sublime Text 3 [关闭]

编辑器笔记——sublime text3 编译sass

sublime text3插件篇

在 Sublime Text 上 SASS 缺少分号的自动完成?

sublime text3中sass编译后保存到指定文件夹

SubLime Text3 常用插件总结