Sublime Text 2/3中Autoprefixer失效解决方法

Sublime Text 2/3中Autoprefixer失效解决方法:


相信每个前端er都会使用Subl这款工具吧,因为它有上千款开源的插件,而且功能各异,这里给大家带来的是标题中Autoprefixer在默认配置下针对CSS Hack的功能不足问题;

针对刚开始使用subl的coder,下面是安装方法:

/**
*   1.使用快捷键打开command panel
*   2.选择Install Package
*   3.输入你想安装的插件,比如(Autoprefixer)
*/
“Ctrl + Shift + P”> Install Package > Autoprefixer > Installing Successful

installSublPackages

以下是Autoprefixer的配置:

进入CSS文件,默认配置在按下快捷键(Ctrl+Shift+P)后输入Autoprefix,你会发觉它什么事也没干,然后……这什么鬼?抓狂ing……
原来是因为这玩意还要配置下,以下为配置方法:
Preferences>package setting>AutoPrefixer>Setting-User
添加以下代码:

{
    "browsers": ["last 7 versions"],
    "cascade": true,
    "remove": true
}

或者

{
    "browsers": ["last 2 versions","last 2 Chrome versions",">5%","Firefox >= 20","ie 6-8","iOS 7"]
}

其实吧,这两个example配置下来之后效果一样,随便选择一个好了^_^

快捷键绑定

Preferences>Key Bindings-User**中添加以下代码:

[
    { "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" }
]
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值