如何在Visual Studio代码中启用自动前缀?

问题描述

我一直在尝试使我的网站具有更高的响应速度,但是在Visual Studio代码中启用自动前缀功能时遇到了麻烦。我安装了扩展程序,但似乎无法正常工作。任何帮助将不胜感激。

解决方法

你应该去 Visual Studio 扩展。

1 - 安装 Autoprefixer。 Autoprefixer extension

2 - Ctrl + Shift + P > 输入“首选项:打开设置(JSON)”。 enter image description here

3 - 添加此代码片段: “autoprefixer.options”:{ “浏览器”:[ "最后 4 个版本","即 >= 9",">5%" ] } enter image description here

4- 重新启动 Visual Studio Code。



5 - 选择要添加前缀的 css 代码。

6 - Ctrl + Shift + P > 输入“Autoprefixer: Run”。 enter image description here


就是这样。

,

您可以转到设置并在顶部的搜索栏中搜索自动前缀,您将能够启用和自定义任何扩展名。此外,您可以检查扩展的详细信息以了解如何使用它,也可以Enable vendor prefix autocomplete in CSS files in Visual Studio Code来查看此答案。