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的语法高亮,所以这个插件可以帮上我们

posted @ 2017-03-04 11:33  我要成为酷酷的人  阅读(350)  评论(0编辑  收藏  举报