分享我用的 Sublime Text 插件

分享一下我用的 Sublime Text 插件。现在使用的是 Mac OS X + Sublime Text 3 Build 3066。

Autoprefixer:自动添加 CSS 前缀

Color Highlighter:在 ST 内预览颜色

Emmet:用 CSS 语法写 HTML

HTML-CSS-JS Prettify:美化 CSS、Javascript、JSON,和 HTML 文件

SideBarEnhancements:ST 本身的侧边栏太弱了,需要增强。

SublimeLinter:分析代码错误(这个只是 framework),需要分析 javascript 则需要安装它的子插件:

  1. SublimeLinter-jscs:检查 JavaScript 代码风格
  2. SublimeLinter-jshint:检查 Javascript 代码质量的工具

最后当然,少不了 Package Control

Sublime Text 插件 autoprefixer

Sublime Text 早就有插件(Sublime Prefixr)使用 prefixr 的 API 来自动完成 CSS 前缀,但是 autoprefixer 更牛,这款可使用 Can I Use 的资料库。

插件官方网址:Sublime Autoprefixer on GitHub

使用效果

/* 使用前 */
body {
  background: linear-gradient(to bottom, #DADADA, #000);
}

p a {
  -webkit-border-radius: 5px;
  border-radius: 5px
}




/* ------------------------
 * 使用后
 */
body {
  background: -webkit-linear-gradient(top, #DADADA, #000);
  background: linear-gradient(to bottom, #DADADA, #000);
}

p a {
  border-radius: 5px;
}

效果明显,多于的 CSS 会自动删掉,border-radius 早就已经不需要前缀了(参考 caniuse border-radius),只有 Firefox 3.6,Chrome 4,Safari 4 和 Android 2.1 需要前缀;而 参考 caniuse css graident 桌面版的 Firefox 15 和 Chrome 25 或者更旧的版本 和目前手机版的游览器才需要前缀。

安装

Continue reading Sublime Text 插件 autoprefixer