博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Sublime Text 2/3中Autoprefixer失效解决方法
阅读量:4612 次
发布时间:2019-06-09

本文共 879 字,大约阅读时间需要 2 分钟。

###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" }]

转载于:https://www.cnblogs.com/dtock/p/5889154.html

你可能感兴趣的文章
extjs中的JS代码在firefox可以正常运行,在IE中无法运行的方法。
查看>>
vs2010编辑器中代码前的虚线问题
查看>>
loadrunner:web services接口测试
查看>>
有关implicit Intent的使用
查看>>
关于Android log拿不到的情况
查看>>
spring入门——applicationContext与BeanFactory的区别
查看>>
微服务架构
查看>>
在WPF中获取DataGridTemplateColumn模板定义的内容控件
查看>>
WPF疑难杂症之二(全屏幕窗口)
查看>>
Directx11教程(9) 增加一个TimerClass类
查看>>
Directx11教程(45) alpha blend(2)
查看>>
C# WPF 滚动字幕实现
查看>>
win10 uwp 毛玻璃
查看>>
[ 搭建Redis本地服务器实践系列一 ] :图解CentOS7安装Redis
查看>>
Wix 安装部署教程(七) 获取管理员权限
查看>>
sql server 备份与恢复系列二 事务日志概述
查看>>
visual studio 2017 添加MSDN
查看>>
Asp.Net SignalR Hub类中的操作详解
查看>>
《Programming WPF》翻译 第3章 3.内嵌控件
查看>>
ASP.NET MVC+EF框架+EasyUI实现权限管理系列(21)-用户角色权限基本的实现说明
查看>>