sublime 自动添加兼容前缀插件autoprefixer

转载 2016年03月30日 15:36:06

安装插件autoprefixer步骤:

1、确保Node.js已经安装,未安装请 点击 这里>>

2、下载autoprefixer插件 https://github.com/sindresorhus/sublime-autoprefixer

3、打开sublime ,选择菜单 Preferences >  Browse Packages 将下载的压缩包解压到这

4、设置快捷键,选择菜单Preferences > Key Bindings – User 

[
    { "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" }
]

 

 

可选------------------------

5、默认的是没有兼容IE/opera的-ms/-o,选择菜单:Preferences > Package Settings > Autoprefixer > Settings - User

例子1:为浏览最新版本添加前缀,市场份额大于%,美国份额>5%,ie8和ie7

{
    "browsers": ["last 1 version", "> 10%", "> 5% in US", "ie 8", "ie 7"]
}

例子2:

{
    "browsers": ["last 2 versions","Firefox >= 20"]
}
.a{
    display:flex;
}

输出

.a{
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}

参考写法:

last 2 versions 每一个主要浏览器的最后2个版本
last 2 Chrome versions 谷歌浏览器的最后两个版本
> 5% 市场占有量大于5%
> 5% in US 美国市场占有量大于5%
ie 6-8 ie浏览器6-8
Firefox > 20 火狐版本>20
Firefox >= 20 火狐版本>=20
Firefox < 20 火狐<20
Firefox <= 20 火狐<=20
iOS 7 指定IOS 7浏览器

更多请参考:https://github.com/ai/browserslist#queries

实用的sublime插件集合 – sublime推荐必备插件

不得不说,sublime是个神器,不得不说它所支持的扩展和插件,下面在介绍的同时将会奉上生动的动画配图。 前言 在阅读此文章之前,建议先阅读这篇:sublime text 2 神器...
  • jianhua0902
  • jianhua0902
  • 2015-02-12 14:18:13
  • 79005

前端开发 sublime text 常用插件和配置

前端开发sublimeconfigmac配置此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。插件列表所有插件都可以使用Package Control安装,具体的安装方法...
  • yisuowushinian
  • yisuowushinian
  • 2016-01-07 13:09:20
  • 22655

Sublime Text中使用Autoprefixer功能

现在你在你的Sublime Text中使用Autoprefixer功能。假设你在样式文件中输入: .box { transform: rotate(45deg); border-radius:...
  • u013909970
  • u013909970
  • 2016-04-01 14:00:58
  • 1722

sublime text3 css3前缀自动补充插件

如何下载 按快捷键ctrl+shift+P 打开包控制器, 输入install Package,等待获取服务器列表,接着输入 Autoprefixer 等待下载完成就ok了。需要安装node.js...
  • qq_33236453
  • qq_33236453
  • 2016-07-23 14:40:42
  • 8835

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

Sublime Text 2/3中Autoprefixer失效解决方法:相信每个前端er都会使用Subl这款工具吧,因为它有上千款开源的插件,而且功能各异,这里给大家带来的是标题中Autoprefix...
  • kafeidou1111
  • kafeidou1111
  • 2016-09-13 03:10:28
  • 2158

webpack学习笔记-3-autoprefixer-loader

介绍了autoprefixer-loader的功能和用法
  • qq_38652603
  • qq_38652603
  • 2017-06-28 15:41:42
  • 1878

Grunt插件autoprefixer使用指南

在grunt安装、配置和应用中,我介绍了几种插件的使用。今天再介绍一个为兼容各大浏览器自动添加前缀的插件autoprefixer。要想使用它得先安装 Browserslist caniuse-db n...
  • mevicky
  • mevicky
  • 2015-11-29 18:24:39
  • 3230

sublime text安装css自动补兼容前缀插件

打开sublime,Preferences > Package Control,输入: install package 回车,等小会后在新打开的窗口输入: autoprefixer 会自动出现相关插...
  • weixin_36185028
  • weixin_36185028
  • 2017-12-07 17:08:26
  • 433

解决css3兼容各个浏览器的前缀

1、emmet生成 2、用编辑器插件: 如sublime text 的  autoprefixer 自动添加兼容前缀 基于nodejs 需要安装nodejs 3、用grunt插件 grunt-aut...
  • kongjiea
  • kongjiea
  • 2015-06-12 15:17:33
  • 5651

神器sublime+bootstrap插件的安装

sublime和bootstrap的下载和安装,我就不多说了,直接去baidu
  • mmayanfa
  • mmayanfa
  • 2014-07-16 14:59:39
  • 4087
收藏助手
不良信息举报
您举报文章:sublime 自动添加兼容前缀插件autoprefixer
举报原因:
原因补充:

(最多只允许输入30个字)