doc---Hbuilder中配置Autoprefixer

【Autoprefixer】Hbuilder中配置Autoprefixer

1.安装node.js

2.安装Autoprefixer

3.安装postcss-cli

4.配置外部工具

打开HBuilder，运行-外部工具-外部工具配置，如图：

新建一个外部工具配置

名称填写autoprefixer（这个随意，就是起个名字）

要执行的命令或文件填写npm安装目录\postcss.cmd，我这里是：

C:\Users\dell\AppData\Roaming\npm\postcss.cmd

工作目录填写${project_loc}参数填写-u autoprefixer -o ${resource_loc} ${resource_loc}然后点击应用，如下图

使用autoprefixer

点击你的css、sass文件，然后右键，依次点击外部工具-autoprefixer（此处为你新建外部工具的名称）等待编译，编译完毕即可

配置快捷键

工具-选项-常规-快捷键，搜索autoprefixer（此处为你新建外部工具的名称），设置快捷键即可

初体验：

使用前：

使用后

参考文章：http://www.bcty365.com/content-146-5024-1.html