IT博客汇 | Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐

BelinChung发表于 2013-10-29 09:08:49

Sublime Text

Sublime Text 是程序员们公认的编码神奇，拥有漂亮的用户界面和强大的功能

更重要的是，Sublime Text 易于扩展，众多开发人员为其贡献插件，而且通过包管理工具 —— Package Control 可以方便安装和管理。

Package Control 安装方法

首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台，然后粘贴相应的 Python 安装代码。

Sublime Text 2 安装代码：

import urllib2,os; pf=’Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb’ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/’ +pf.replace( ‘ ‘,’%20′ )).read()); print( ‘Please restart Sublime Text to finish installation’)

Sublime Text 3 安装代码：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

前端常用扩展推荐

Emmet —— Emmet 官方提供的 Sublime Text 扩展；
SublimeLinter —— 代码校验插件，支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言；
HTML5 —— HTML5 bundle for Sublime Text 2；
Alignment —— 代码对齐插件；
BracketHighlighter —— 括号高亮匹配；
Git —— 整合 Git 功能的插件；
jQuery —— 代码智能提示插件；
LESS —— LESS 代码高亮插件；
JsFormat —— JavaScript 代码格式化插件；
Tag —— HTML/XML 标签缩进、补全和校验；
LiveReload —— 让页面即时刷新；
Pretty JSON —— JSON美化扩展；
Can I Use —— 查询 CSS 属性兼容情况；
CoffeeScript —— CoffeeScript 代码高亮，校验和编译等；
ColorPicker —— 跨平台取色器插件；
minifier —— css,js 压缩
livestyle —— css样式表双向同步