首页 > Web开发 > 详细

webstorm配置Autoprefixer,自动补齐代码

时间:2017-03-07 20:35:48      阅读:255      评论:0      收藏:0      [点我收藏+]

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,自动补齐代码

原文:http://www.cnblogs.com/summerXll/p/6516627.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!