sublime-cssnext

Sublime Text插件，用于使用明天的CSS语法

cssnext是一个CSS转换器，它允许您今天使用最新的CSS语法。它将CSS规范转换为更兼容的CSS，这样您就不需要等待浏览器的支持。

安装

使用软件包控制安装cssnext，然后重新启动Sublime Text。

您需要安装Node.js >=0.12.0。
请通过在命令行中运行node -v确保它已在您的$PATH中。
/usr/local/bin 或在此处创建符号链接。

开始使用

在CSS文件中，打开命令面板 (Cmd+Shift+P) 并选择 cssnext。您也可以在运行命令之前创建一个或多个选择，以仅对那些部分添加前缀。

选项

(首选项 > 软件包设置 > Cssnext > 设置 - 用户)

您可以使用规则数组指定您需要支持的浏览器。

请参阅支持的浏览器名称。

默认值

{
    "browsers": ["last 2 versions"]
}

示例

{
    "browsers": ["last 1 version", "> 10%", "> 5% in US", "ie 8", "ie 7"]
}

这将为每个浏览器的最新版本添加所需的前缀，全球市场份额超过10%的浏览器以及美国市场份额超过5%的浏览器，以及Internet Explorer 7和8。

键盘快捷键

您还可以通过打开“首选项 > 键盘快捷键 - 用户”并添加具有cssnext命令的快捷键来设置键盘快捷键以运行命令。

示例

[
    { "keys": ["alt+super+p"], "command": "cssnext" }
]

项目设置

您可以通过在每个项目的.sublime-project文件中的"settings"对象中添加一个"Autoprefixer"对象来覆盖默认和用户设置。您的项目特定设置包含在项目设置中。

示例

{
    "settings": {
        "Autoprefixer": {
            "browsers": ["last 1 version"]
        }
    }
}

许可证

MIT © zhowenbin

sublime-autoprefixer 感谢 Sindre Sorhus

postcss-cssnext 感谢 cssnext