开发神器Sublime text2——安装配置视频讲解(中)

安装的sublime text 插件介绍

1.Package Control组件:

按Ctrl+`调出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;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()) ;
重启Sublime Text 2;
如果在Perferences->package settings中看到package control这一项,则安装成功。

package control安装成功后,按下Ctrl+Shift+P可调出命令面板,输入install 调出 Install Package 选项并回车,然后就可以在列表中选中要安装的插件或者直接输入插件名称来搜索找到它回车安装啦!

2.Emmet(ex zencoding)组件:HTML/CSS代码快速编,前端必备

敲打html和css神器啊,强烈推荐!Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的视频教程。或者是也可以再这里看http://docs.emmet.io/cheat-sheet/,你可以从下面这个图中感受到它的“酸爽”!

sublime text emmet插件快捷代码演示 iphpcms.net

 

3.ctags代码跳转组件:追根溯源,分析程序利器

这个插件能跨文件跳转,跳转到指定函数声明的地方。 使用package control 搜索ctags 进行安装。注意安装好插件后要需要安装ctags命令。window在安装成他告诉之前要先下载安装ctags.exe并将其地址放到环境变量当中。

4.错误语法提示sublimelint 和 Phpcs

我们需要在写代码的时候如果有语法错误,能立即提示我们, 可以安装这两个插件:sublimelint 和Phpcs , sublimeint 需要系统有php命令。 所以需要设置好php的环境变量。 sublimelint的语法错误提示是显示在状态栏上面的,所以在编写程序的时候注意时常看看状态栏。 而Phpcs的语法错误提示是在我们保存文件时弹出万能面板显示错误,sublimelint的错误提示实时但不明显。 Phpcs的错误提示不是实时的,但很明显。 因此我们一般这两个插件都要安装。

5.function name display

这个插件可以在状态栏显示出当前光标处于哪个函数中。

6.GBK Encoding Support

sublime本身不支持GBK编码,可以安装这个插件让它支持。

7.代码注释格式化 additional PHP snippet和 DocBlockr

additional PHP snippet插件能提示phpdocument格式的代码,还能快速输出开源协议, 输入php- 会有提示。 安装DocBlockr 插件,能形成注释块,输入/**然后回车,会有惊喜哦。

8.成对匹配的增强 BracketHighlighter

像这些符号是成对的:花括号{}, 中括号[],括号:() ,引号“” 等。 这些符号当我们鼠标放在开始符号的位置的时候, 希望能明显看到结尾符号在哪儿sublime默认是下划线,很不明显, 想要明显一点,可以安装插件 BracketHighlighter。

9.格式化PHP代码 php-beautifier

安装 php-beautifier 插件,使用php-beautifier还需要安装 PHP Beutifier的pear包: pear install PHP_Beautifier 安装好后, 打开PHP文件,ctrl+alt+f 就能为你自动格式化代码。

10.JSformat

功能:Javascript的代码格式化插件

 

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

 

使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

1439445751445180.gif

11.JsMinifier

JS的压缩工具,基于Google Closure compiler。

12.JQuery

功能:jQ函数提示

简介:快捷输入jQ函数,是偷懒的好方法

jquery.gif

13.AutoFileName

功能:快捷输入文件名

简介:自动完成文件名的输入,如图片选取

使用:输入”/”即可看到相对于本项目文件夹的其他文件

1439446038117744.gif

14.FileDiffs

功能:强大的比较代码不同工具

简介:比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行。

使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可

diff.gif

 

相关热词搜索:sublime   插件   编辑器   视频教程  
帮助与提示

可通过播放器右侧的“清晰度”来切换流畅与高清视频,同时点击“分享”可将本视频分享给好友。

报告在视频中的错误


讨论提问

你可以到问答区去讨论提问视频教程中的知识


相关文章和资料

本视频内容的相关文章资料,也许对你有帮助。