1. webstrom IDE 的 setting (快捷键 Ctrl + Alt  + S)
  2. Tool -- External tool (绿色 + 添加)

   3.填写 必要的项目 后 apply

   

   备注:Name: 显示的名称

      Programs: postcss.cmd 的全局安装下的路径

      Paramters: -u autoprefix -o 输出文件  输入文件 (上面表示在输入输出都在同一个文件上并添加操作)

      Working directory: 在项目下即可

   4.添加快捷键 Keymap中 找到 External tool 文件目录下 有自己添加的工具插件 点autoprefixer 鼠标右键 选 ‘Add KeyBorad shortcut’

    

    设置没有给引用的键 (或组合)即可

    5.运行 插件效果

    

    若出现没有报错:输入有效的文件列表路径 证明你的 Paramters 参数写错了!  正确: $FileDir$/$FileName$(路径  / 文件名),对这上面配置就可以了!

    前提要通过npm全局安装 下面的两个包

    (1) npm install autoprefixer  -g

    (2) npm install pastcss-cli  -g

    大功告成!

最新文章

  1. HDU5988 Coding Contest(费用流)
  2. HTML中em与b等的区别
  3. CentOS配置Nginx+Tomcat7的多站点支持
  4. laravel 表单验证
  5. js-数据类型
  6. C and C++ 如何嵌套使用
  7. boost之signal
  8. Visual Studio Code开发TypeScript
  9. Elasticsearch文档查询
  10. javascript 正則表達式补充
  11. CCF CSP 201803-3 URL映射
  12. Linux下的tar压缩解压缩命令详解(转)
  13. xtrabackup 备份和恢复
  14. 美图美妆由Try Try接手运营
  15. mysql中文编码问题
  16. Codeforces Round #543 (Div. 2) F dp + 二分 + 字符串哈希
  17. 面试:vector类的简单实现
  18. 更改jupyter notebook的主题颜色(theme) 包括pycharm
  19. HDU 5889 Barricade(最短路+最小割)
  20. python模块之numpy与pandas

热门文章

  1. 20.boost dijkstra最短路径算法
  2. JQuery中的find、filter和each方法学习
  3. Android 优雅的让Fragment监听返回键
  4. Sublime Text 3 注册码 激活码 版本号 Build 3143
  5. (2016北京集训十四)【xsy1557】task
  6. vue-cli3+typescript+路由懒加载报错问题
  7. canvas 连线曲线图
  8. 动态Axios配置
  9. Qt之QCryptographicHash
  10. Java设置Client Socket链接Server超时时间