webstorm 添加 autoprefixer 工具为CSS加前缀
2024-08-28 09:17:57
- webstrom IDE 的 setting (快捷键 Ctrl + Alt + S)
- 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
大功告成!
最新文章
- HDU5988 Coding Contest(费用流)
- HTML中em与b等的区别
- CentOS配置Nginx+Tomcat7的多站点支持
- laravel 表单验证
- js-数据类型
- C and C++ 如何嵌套使用
- boost之signal
- Visual Studio Code开发TypeScript
- Elasticsearch文档查询
- javascript 正則表達式补充
- CCF CSP 201803-3 URL映射
- Linux下的tar压缩解压缩命令详解(转)
- xtrabackup 备份和恢复
- 美图美妆由Try Try接手运营
- mysql中文编码问题
- Codeforces Round #543 (Div. 2) F dp + 二分 + 字符串哈希
- 面试:vector类的简单实现
- 更改jupyter notebook的主题颜色(theme) 包括pycharm
- HDU 5889 Barricade(最短路+最小割)
- python模块之numpy与pandas