webstorm配置Autoprefixer，自动补齐代码

Posted 2020-09-03 懒人猫

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webstorm配置Autoprefixer，自动补齐代码相关的知识，希望对你有一定的参考价值。

1.win+R,运行npm install postcss-cli -g

2.安装autoprefixer

npm install autoprefixer -g

3.安装

npm install postcss-cli -g

4.打开webstorm——settings——找到External Tools,新增Tools

配置参数

Program:填入你的PATH，postcss.cmd所在的文件夹
        我的是C:\\Users\\还有谁\\AppData\\Roaming\\npm\\postcss.cmd
Parameters：-u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$
Working directory :$ProjectFileDir$

5.配置快捷键

6.运行，在npm下，放入css文件，C:\\Users\\还有谁\\AppData\\Roaming\\npm，输入display: flex;，按快捷键shift+A,会自动补齐代码

以上是关于webstorm配置Autoprefixer，自动补齐代码的主要内容，如果未能解决你的问题，请参考以下文章

webstorm 添加 autoprefixer 工具为CSS加前缀

HBuilder中配置Autoprefixer的方法

WebStorm 使用

Pycharm WebStorm 配置 babel 实现自动编译 ECMAScript6 (es6) 文件

webstorm 编译 Less 保存自动生成 wxss/acss/css

webstorm less 自动编译