码迷,mamicode.com
首页 > Web开发 > 详细

Web前端开发:Sublime Text 常用插件

时间:2014-11-11 20:35:06      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   ar   os   sp   strong   

在安装这些插件之前,确保你已经安装了Package Control。
 
安装Package Control方法:
 
通过菜单栏View->Show Console 或者快捷键Ctrl+` 打开控制台。复制以下代码按Enter即可
 
Sublime Text 3版本:
import urllib.request,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404‘ + ‘e330c659d4bb41d3bdf022e94cab3cd0‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb‘ ).write(by)

 

Sublime Text 2版本:
import urllib2,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404‘ + ‘e330c659d4bb41d3bdf022e94cab3cd0‘; 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()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb‘ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation‘)

安装成功后,就可以通过Package Control 来安装插件,通过Ctrl +Shift+P或者Preferences->Package Control 打开控制面板,输入Install Package 按确定即可,如何输入插件名进行安装。更多信息可以查看官网(https://sublime.wbond.net/installation#st2

 
一些插件:
Emmet(之前为Zen Coding)是一个可以极大提高Web开发者在写HTML和CSS的工作效率的工具插件。
例如:写一个导航列表。
Emmet语法:
ul#nav>li.item*4>a{Item} 

按TAB键后触发生成HTML:

<ul id="nav">
  <li class="item"><a href="">Item</a></li>
  <li class="item"><a href="">Item</a></li>
  <li class="item"><a href="">Item</a></li>
  <li class="item"><a href="">Item</a></li>
 </ul>
可以在http://docs.emmet.io/查看更多的文档信息。
 
 
 
这个插件提供了jQueryAPI大部分方法代码提示,coding时直接弹出代码提示,非常方便。
bubuko.com,布布扣
 
这个插件可以展示你所选择的颜色代码的真正样式,同时你可以通过Ctrl+Shift+C或者右键菜单选择来弹出一个颜色选择器来更改颜色。
bubuko.com,布布扣
bubuko.com,布布扣
 

Web前端开发:Sublime Text 常用插件

标签:style   blog   http   io   color   ar   os   sp   strong   

原文地址:http://www.cnblogs.com/bigboyLin/p/4090139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!