欢迎到访爱收集博客,喜欢就Ctrl+D收藏吧!

点击登录
  • 欢迎访问网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站

Sublime 浏览器兼容前缀自动补全autoprefixer插件

插件 qaqcn 来源:bbsxiaomi 392次浏览 0个评论

Sublime安装Nodejs win

1、下载对应版本nodejs,并默认安装ok,下载地址:nodejs

2、SublimeText-Nodejs插件下载Nodejs插件,下载完成后解压文件夹得到SublimeText-Nodejs-master文件,把文件名改成Nodejs

3、打开sublime文件目录并进入Data\Packages文件夹,复制Nodejs文件名到此目录

4、重要一步:编辑Nodjs文件夹下面的Nodejs.sublime-build文件,全部删除,替换为

{
"encoding": "GB2312",
"cmd": ["taskkill /F /IM node.exe", ""],
"cmd": ["node", "$file"]
}

5、可以在sublime里面新建一个node.js文件,试一试,直接在sublime下F7即可
var http = require('http');
var os = require('os');
  
http.createServer(function (request, response) {
response.writeHead(200, {'Content-Type': 'text/plain'});
response.end('Hello World3 \n');
  
}).listen(3000);
  
console.log('Server running at http://127.0.0.1:3000/');

autoprefixer插件

步骤1:下载autoprefixer插件autoprefixer

步骤2:打开sublime ,选择菜单 Preferences > Browse Packages 将下载的压缩包解压到这里

步骤3:设置快捷键:选择菜单Preferences > Key Bindings – User,可自定义

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

步骤4:设置成功,在css里面写transition:all .2s,会自动编译成 -webkit-transition:all 2s;transition:all 2s;

sublime的插件autoprefixer默认是没有兼容IE、firefox和opera的,继续下面的步骤

步骤5:选择菜单:Preferences > Package Settings > Autoprefixer > Settings – User

{
    "browsers": ["last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"]
}

Sublime 浏览器兼容前缀自动补全autoprefixer插件

步骤6:为浏览最新版本添加前缀,市场份额大于0.1%,美国份额>5%,ie6-ie8,火狐版本20以下(其他写法看下面表格)

写法 解释
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浏览器

爱收集 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Sublime 浏览器兼容前缀自动补全autoprefixer插件
喜欢 (5)
支付宝[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址