sublime text 插件及快捷键的使用

安装插件准备步骤：

1.先安装管理插件，插件必备:package control

1.按ctrl+` 调出console

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;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

3.重启sublime text ,如果在perferences ->package settings中看到package control这一项，则安装成功。

注：如果粘贴以上代码时出现”ImportError : No module named 'urllib2'“,这是因为sublime text3 内置了Python 版本3，已经不支持urllib2,需要将其改为一下命令：

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())

2.点击perferences-package control，显示以下弹窗：

Disable Package : 禁用插件

enable Package : 启用插件

Install Package : 安装插件

List Package :查看已安装插件列表

Remove Package : 移除插件

Upgrade Package : 升级插件

3.安装插件

Preferences - Package Control - Install Package,输入插件名称，会看到编辑器的底部在loading下载安装中，安装完后一般重启即可。

编码快捷键，前端必备-Emmet

Emmet作为zen coding的升级版，对于前端来说，可是必备插件，如果你对它还不太熟悉，可以在其官网（http://docs.emmet.io/）上看下具体的视频教程。或者是也可以再这里看http://docs.emmet.io/cheat-sheet/

举例：ul#nav>li.item$*4>a{Item $}  然后Tab键

显示结果是

<ul id="nav">
　　<li class="item1"><a href="">Item 1</a></li>
　　<li class="item2"><a href="">Item 2</a></li>
　　<li class="item3"><a href="">Item 3</a></li>
　　<li class="item4"><a href="">Item 4</a></li>
</ul>

有够快么？还有更多例子，请看http://docs.emmet.io/abbreviations/syntax/

JS Format-Javascript的代码格式化插件

很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~

LESS-LESS高亮插件

用LESS的同学都知道，sublime没有支持less的语法高亮，所以这个插件可以帮上我们