sublime：一款神级web代码编辑器

我是一名web农农，下面是我使用的一些插件或配置。

1. 下载了sublime后首先要安装的插件：package control，它主要用来管理各种插件。
   
   • View > Show Console 菜单打开控制台
   • 输入下面的命令安装。(因为是国外的网站可能需要翻墙)

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

1. sublime插件：Emmet

   • Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能再运行时进行拓展。
   • Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根据你所输入的缩写来得到相应的内容。 Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发人员，但也可以用于编程语言。

2. sublime插件：SidebarEnhancements ：对应前端开发来说，设置浏览器预览很方便

   • 说明：这是一个侧栏增强插件，用于在浏览器中预览代码效果。
     第一步：安装sidebarEnhancements插件。
     第二步：Preferences—Key Bindings—User.打开这个选项。
     第三步：
     复制以下内容：
     [ //chrome
     { “keys”: [“f2”], “command”: “side_bar_files_open_with”,
     “args”: {
     “paths”: [],
     “application”: “C:/Program Files (x86)/Google/Chrome/Application/chrome.exe”,
     “extensions”:”.*”
     }
     },
     // firefox
     { “keys”: [“f3”], “command”: “side_bar_files_open_with”,
     “args”: {
     “paths”: [],
     “application”: “D:/Program Files (x86)/MozillaFirefox/firefox.exe”,
     “extensions”:”.*”
     }
     },
     // ie
     { “keys”: [“f4”], “command”: “side_bar_files_open_with”,
     “args”: {
     “paths”: [],
     “application”: “C:/Program Files/Internet Explorer/iexplore.exe”,
     “extensions”:”.*”
     }
     }
     ]
     第四步：保存，可以预览已经存在的文件。

3. SublimeLinter ：用来提示错误语法
   Bracket Highlighter ：显示代码匹配

4. sublime搭建开发环境：与wamp搭建PHP开发环境

   • 所需开发工具
     Wamp：Windows+Apache+MySQL+PHP集成运行环境
     sublime text 3：作为PHP的文本编辑器使用
   • 开始搭建开发环境
   • 第一步：先安装wamp软件，简单快速。
   • 第二步：打开sublime，找到”Tools—Build System—…”如下图：

• 第三步：找到PHP，如果没有点击”New Build System”,输入以下文本 输入千万不能出错

{
"cmd": ["D:\\Program Files\\wamp\\bin\\php\\php5.5.12\\php.exe", "$file"],
"file_regex": "^(...*?):([0-9]*):?([0-9]*)",
"selector": "source.php"
}

参数解释：cmd：wamp中PHP中的执行程序php.exe的路径，注意格式。只需要替换这个参数即可。
其他参数现在不需要懂，知道即可，以后用多了会懂得。

• 第四步：保存脚本文件到 packages 文件夹下，我的保存在packages/usr下面的名字是：php.sublime-build 。
• 第五步：编写几段PHP代码，Ctrl+B即可build 。
• 第六步：如果底部状态栏出现：no build system ，先检查Tools——Build System下的环境有没有选择php模式，如果不是，有可能是第三步的脚本写错了。

现在开始你可以任意的写php程序，Ctrl+B 即可Build 。

附上sublime英文文档部分：