在Visual Studio Code的CSS文件中启用供应商前缀自动完成功能

Question

在添加没有在CSS文件（不是SASS或LESS文件）中添加供应商前缀的属性时，如何告诉VSCode自动添加供应商前缀的样式属性？

Answer 1

我一直在使用 css-auto-prefix 插件。 对于大多数CSS3属性，它都能正常工作。 尽管仍处于beta版，但仍在进行改进。您应该尝试使用此版本，这样可以节省时间和精力。

执行以下步骤在vscode中安装css-auto-prefix插件。

1. 打开VS代码。
2. 单击Ctrl + Shift + X（在Windows上）或单击最左侧面板上的扩展程序图标。
3. 将出现一个搜索框。只需输入 css-auto-prefix 。
4. 安装并重新加载，一切顺利。

css-auto-prefix

Answer 2

我一直在使用 VS Code Autoprefixer plugin 。它支持CSS，SCSS和SASS。

选择所有CSS，然后点击命令托盘，然后点击AutoPrefixer: Run。

如果什么也没发生，请在settings.json下的自动前缀添加下面的部分-

"autoprefixer.options": {
    "browsers": [
        "last 4 versions",
        "ie >= 9",
        "> 5%"
    ]
}

选择所有CSS，然后单击命令托盘，然后单击AutoPrefixer: Run，它将起作用。

Answer 3

您可以在vs代码中安装“ 自动前缀”或“ Css自动前缀”扩展程序，但我不确定自己编写是否可以 snippest 作为前缀，这样可以更自定义。

但是我们也可以始终通过 Node软件包管理器的 NPM 安装"auto prefix"。