18.Sublime Text2配置及常用插件--2013-05-30

    因为经常还是要写些项目前端的demo，所以挑过几款编辑器，最后觉得比较顺手的还是Sublime Text2。是的，现在已经到3了，但是经过测试发现3好多插件都不支持，还是老老实实的用2吧，当然3收费也更贵了。有钱的支持下，没钱的或者压根有钱也没付费习惯的（小心被BS啊）去找破解教程吧，比较简单，不是重点。

安装常用插件

参考大牛作者这个http://wbond.net/sublime_packages/package_control/installation

及所有安装包，http://wbond.net/sublime_packages/community#sort-installs

可以按照安装量来排序看下热门安装包

 1，package control。 我们用sublime几乎都会首先安装这个插件，这个插件是管理插件的功能，先安装它，再安装其他插件就方便了。  安装方法：
       点击sublime的菜单栏 view->show console ；现在打开了控制台， 这个控制台有上下两栏， 上面一栏会实时显示sublime执行了什么插件，输出执行结果， 如果你安装的某个插件不能正常运行，应该先在这里看看有没有报错。下面栏是一个输入框，可以运行python代码。我们输入下面的代码点击回车运行， 就能安装好package control了。
       

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

      
       然后我们按住 ctrl+shift+p。此时会输出一个输入框， 输入install。  选择package contrl： install package 回车 ，需要稍定一会儿，右下角状态栏会显示正在连接的提示文字。 使用sublime时注意看右下角状态栏，很多插件的提示信息都显示在这里，这个状态栏很小，初次使用的人都有可能没有注意到它。
    
     

   稍等一会儿后，它会出现一个插件列表， 你也可以在输入框中输入文字进行搜索插件。 搜索到自己想安装的插件，再选择它，回车。 就自动给你安装好了。

  如果要卸载插件， ctrl+shift+p 输入 remove， 选择package control:remove package 然后再选择已安装的插件， 回车即可卸载。

   如果package control 安装插件时失败了， 我们可以采用手动安装的方式， 在google上去搜索插件， 下载插件的源代码。在sublime的菜单栏点击 preferences->Browse package..  此时会打开插件目录。然后把你下载的插件源代码复制进去就可以了。

  ctrl+shift+p 打开的输入框面板是什么？ 英文叫做 “Anything panel” ，任何操作都可以在这个面板里面完成。我暂且翻译为“万能面板”。 打开万能面板有几种方式。  
  ctrl+shift+p 打开时，我们需要在面板中输入一个命令，然后执行命令。所有菜单栏能操作事都可以在这里输入命令进行操作。
  ctrl+p 打开时，能快速查找文件。
  ctrl+r 打开时， 能查找当前文件中的函数。
  ctrl+g 打开时，能跳转到指定行。

  大家开始接触sublime时对它的环境还不是很熟悉，所有我在这里说得有点多， 简单总结一下前面说的。

  控制台的作用： 可以在这里执行python代码，和查看一些执行结果，如果插件运行不正常，可以在这里看看有没有报错。
  右下角状态栏： 很多提示信息都会显示在那里，注意经常查看。
  万能面板：所有的操作都可以在这里进行，又可以在这里输入命令，又可以在这里查找文件，也可以在这里查找函数等等。
  安装插件的方式：除了package control 安装还可以手动安装。

2，ctags。  这个插件能跨文件跳转，跳转到指定函数声明的地方。 使用package control 搜索ctags 进行安装（安装ctags插件就可以了， 还有一个 CTags for PHP 插件没什么用）。注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe   http://vdisk.weibo.com/s/7QZd7  。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd， 输入ctags，如果有这个命令，证明成功了。 ubuntu下安装运行命令：sudo apt-get install exuberant-ctags 。 
    然后在sublime项目文件夹右键， 会出现Ctag:Rebuild Tags 的菜单。点击它，然后会生成.tags的文件。
  

然后在你代码中， 光标放在某个函数上， 点击ctrl+shift+鼠标左键 就可以跳转到函数声明的地方。

3， sublimecodeintel 代码提示。  sublime默认的代码提示只能提示系统函数，用户自己创建的函数、类不能提示。 如果想要提示自己建立的函数。 可以安装sublimecodeintel插件。

sublimecodeintel 安装后需要配置，文件：插件目录/.codeintel/config 中 增加

1. "PHP": {
   
2.         "php": 'D:\SaeServer\php\php.exe',
   
3.         "phpExtraPaths": ['D:\SaeServer\php\stdlib'],
   
4.         "phpConfigFile": 'D:\SaeServer\apache\php.ini'
   
5.     },

复制代码

配 置了php执行文件的地址， php的配置文件地址， phpExtraPaths 是额外需要代码提示的类库，除了当前项目下的PHP代码可以提示外 phpExtraPaths中定义的目录下的PHP代码也能提示。  D:\SaeServer\php\stdlib 是SaeServer中 SAE本地模拟文件的目录， 所以配置后不管在哪儿 都能有SAE代码的提示。

  安 装sublimecodeintel后， 按alt+鼠标左键也能和ctags一样跳转到函数声明的地方。 但是如果有两个文件声明了同样名称的函数， sublimecodeintel只会跳转到第一个找到的函数， 而ctags会让你选择要跳转到哪个文件。所以我们一般还是用ctags的跳转功能。

4，语法提示。  我 们需要在写代码的时候如果有语法错误，能立即提示我们， 可以安装这两个插件：sublimelint 和Phpcs ， sublimeint 需要系统有php命令。 所以需要设置好php的环境变量。 sublimelint的语法错误提示是显示在状态栏上面的，所以在编写程序的时候注意时常看看状态栏。 而Phpcs的语法错误提示是在我们保存文件时弹出万能面板显示错误，sublimelint的错误提示实时但不明显。 Phpcs的错误提示不是实时的，但很明显。 因此我们一般这两个插件都要安装。  Phpcs除了代码提示的共，还有其他功能，但是我暂时没有弄明白其他功能怎么用， 大家可以去研究一下，如果知道怎么用了再告诉我一下。

5，goto document。  这个插件能帮助我们快速查看手册。 比如我们在写php代码时， 突然忘记了某个函数怎么用了，将鼠标放在这个函数上，然后按F1，它能快速打开PHP手册中说明这个函数用法的地方。 
    安装好 goto document插件后我们再配置快捷键F1 跳转到文档。 打开sublime的菜单栏Preferences->key bindings -User  设置快捷键：

1. [
   
2.     { "keys": ["f1"], "command": "goto_documentation" }
   
3. ]

复制代码

这样设置后， 按F1就能跳转到文档了。

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

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

8，SVN插件。 windows下可以安装Tortoise和 Tortoisesvn的客户端。然后在sublime中在目录或文件右键都可以提交svn了。 在ubuntu下可以安装rabbitvcs 结合这个插件： https://github.com/kervin/sublime-svn/downloads  实现同样的功能。

9，gist。 我们建立html文件时，做有些相同的代码。 这时候我们喜欢能有一个代码模板， 不能写重复相同的代码， gits插件能实现代码模板的功能。 它能见我们自己创建的代码模板，代码片段保持在github中的gist下。 http://lucifr.com/2012/03/07/sub ... al-snippet-manager/  这里介绍了详细的用法。

10，代码注释格式化。

additional PHP snippet插件能提示phpdocument格式的代码


还能快速输出开源协议， 输入php- 会有提示


安装DocBlockr 插件，能形成注释块。不用每次敲注释的斜杠或星号。

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


12，格式化PHP代码。   安装 php-beautifier 插件，使用php-beautifier还需要安装 PHP Beutifier的pear包：
pear install PHP_Beautifier

安装好后， 打开PHP文件,ctrl+alt+f 就能为你自动格式化代码。

13,Xdebug。  可以安装xdebug插件，做代码调试功能。 这是大型IDE都有的功能， 小型编辑器很少能做到，但是sublime却又相应的插件能实现xdebug的功能。


你的PHP需要安装xdebug扩展。使用时需要在项目目录下建立一个.sublime-project文件

1. {
   
2.     "folders":
   
3.     [
   
4.         {
   
5.             "path": "D:\ysd\ysdv8"
   
6.         },
   
7.     ],
   
8. 
   
9.     "settings": {
   
10.         "xdebug": { "url": "http://yunshangdian.com" }
    
11.     }
    
12. }

复制代码

path配置项配置了程序所在路径。  
注意给程序设置断点。否则不能见效果。 详细用法见： https://github.com/Kindari/SublimeXdebug

你如果也要写前端代码， 还可以安装一些和html，js相关的插件。如 ZenCoding，jQuery，jQuery Mobile Snippets，jQuery Snippets pack等。

常用设置

Sublime Text 2 我最常用快捷键是以下几个：

• ctrl+shift+p 基本上啥功能都在里面了
• ctrl+r 快速定位到指定类/函数/标题
• ctrl+g 快速跳转到某一行号，在debug时很常用
• ctrl+b build
• ctrl+shift+t 在当前位置打开终端（需安装terminal）
• ctrl+shift+r 按PEP8格式化代码（需安装Python PEP8 Autoformat）

还有 ctrl+s、ctrl+a、ctrl+z、ctrl+x、ctrl+c、ctrl+v这些和其他软件一样，就不用多说了

Sublime Text 2 的配置文件的修改可以参考Sublime Text 2 设置文件详解。默认其实已经挺好，我是在Preferences -> Setting User加了这几行：

"default_line_ending": "unix",
"rulers":[78],
"translate_tabs_to_spaces": true

分别是用来设定行尾换行符、显示长行标尺和按tab输出空格。

另外有一个很实用的设置，在括号中使用Enter跳出括号，在Preferences -> Key Bindings User中加上

Python代码  

1. [  
2.     {"keys": ["enter"], "command": "move", "args": {"by": "characters", "forward": true}, "context":  
3.         [  
4.             { "key": "following_text", "operator": "regex_contains", "operand": "^[)\\]\\>\\'\\\"\\ %>\\}\\;\\,]", "match_all": true },  
5.             { "key": "preceding_text", "operator": "not_regex_match", "operand": "^.*\\{$", "match_all": true  },  
6.             { "key": "auto_complete_visible", "operator": "equal", "operand": false }  
7.         ]  
8.     }  
9. ]