Sublime Text 2插件推荐

必装Package Control

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码:

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'


Preference-> Package Control->install Package,然后输入插件名称,此种为在线安装方法,要求有网络
安装创建方法

Emmet

Emmet(译者注:前身就是以前大名鼎鼎的Zen Coding,这个如果你没听说和使用过,就悲哀了)是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件。怎么使用?你只需按约定的缩写形式书写而不用写整个代码,然后按“扩展”键,这些缩写就会自动扩展为对应的代码内容。

具体参考官网: http://emmet.io/

CanIUse

如果您想检查浏览器是否支持你包括在你的代码中的CSS和HTML元素,那么这是你需要的插件。所有您需要做的就是选择有疑问的元素,插件将为你做其余的事情。

Alignment

 

这个插件让你能对齐你的代码,包括 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您可以查看下面的图片来明白我说的意思。

快捷键:按Ctrl+Alt+A,可以是凌乱的代码以等号为准左右对其,适合有代码洁癖的朋友。

Theme soda

安装完之后要激活主题,打开 Preferences → Global Settings – User,加上以下代码保存即可生效:

"theme": "Soda Light.sublime-theme" 或者 "theme" : "Soda Dark.sublime-theme"

jsFormat插件

格式化js:选中一段文本,control+alt+f。

convertToUTF

如名

Jquery

如名

Sublime CodeIntel

代码自动提示,相当好用

CSS Compact Expand CSS属性展开收缩

每个人写CSS都有不同的风格,有些人喜欢写成一行,有些人喜欢写成多行,各有各的好处,我倒喜欢将CSS写成一行,这样能减少CSS文件大小,且屏幕能显示更多的Class方便查找。如果阅读别人的代码不符合自己的习惯,可以用CSS Compact Expand这个插件将CSS格式化一下,按 Ctrl+Alt+[ 收缩CSS代码为一行显示,按 Ctrl+Alt+] 展开CSS代码为多行显示,此插件由sublime textQQ群里一个牛人封装。

 

CSScomb CSS属性排序(好像需要机器有php

有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按C trl +S hift + C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了

 

posted @ 2014-07-15 17:39  江海不系舟  阅读(1608)  评论(0编辑  收藏  举报