首页 > 代码库 > webstorm 添加 autoprefixer 工具为CSS加前缀
webstorm 添加 autoprefixer 工具为CSS加前缀
- 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
大功告成!
webstorm 添加 autoprefixer 工具为CSS加前缀
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。