sublime进阶

• packagecontrol安装
• snippets以模板的方式编程
• advanceNewfile快速创建文件
• httpRequest服务器响应测试
• nettus fetch管理库
• sidebarenhancement快速在浏览器查看文件
• 快速添加注释
• 使用lint进行语法及风格校验

packagecontrol安装

https://packagecontrol.io/installation
在sublime中view>show console (或者Ctrl+`)打开命令行，输入

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
回车，等待安装。（版本3的，2请在链接中找到相应代码）

snippets以模板的方式编程

可简化编码操作
ctrl+shift+p进入命令模式-输入Snippets-找到Function-回车:需要编辑的部分自动高亮

高亮.png

按Tab: 高亮编辑区的切换;（此处切换至argument）再按一次切换到函数体内。
Sublime自动补全功能：输入fun,回车，会出现相关的基础代码机构;输入ife回车出现if else的代码。即只需输入前几个字母。

以插件形式提供的snippets：
ctrl+shift+p进入命令模式-输入pci查找插件安装，输入JavaScript可以看到很多插件，找到snippet插件回车进行安装。
现在输入gi可以直接输入document.getElementById('id');类似的也可以，很方便，更多命令可以看https://packagecontrol.io/packages/JavaScript%20Snippets

advanceNewfile快速创建文件

ctrl+shift+p进入命令模式-输入pci查找插件安装，输入advanceNewfile回车安装插件。
现在想要新建文件可以Ctrl+Alt+n

新建文件.png

在框中输入文件名回车即可。以路径名输入可以在所需的目录创建文件。如public/html/test.html

httpRequest服务器响应测试

如果在写nodejs的话经常要测试服务器端是否响应，这个插件可以进行响应测试。安装方法如上面所述。
这里我们讨论的是JavaScript，而这个插件更多用在node，所以这里不多说。

nettus fetch管理库

有些项目需要依赖某个库，这个插件能帮助我们更好地管理这些库而不需要去github到处去下载所需的库。插件下载方法如上。
安装完成后，ctrl+shift+p进入命令模式-输入fetch，找到manage回车，可以看到

配置文件.png

先新建一个要存放库的文件。Ctrl+Alt+n，ctrl+shift+p进入命令模式-输入fetch，找到file回车，可以看到你所管理的库（我这里只有jQuery）回车就能下载最新jQuery到这个文件里。可以在配置文件的file（上图中）里增加需要的库。

sidebarenhancement快速在浏览器查看文件

安装插件。在相应的html文件右键

打开浏览器.png

即可选择浏览器快速打开html。

快速添加注释

安装docblockr插件。这时候写/按tab会自动补全，如果在一个函数的上一行输入/*按tab会自动补齐函数的注释。

使用lint进行语法及风格校验

sublimelinter.png

安装lint。lint的插件很多，这里安装sublimelinter（整体框架）。这是一整套的lint系统。具体语法校验还要安装相应的linter插件。这里安装jshint（使用前要安装node.js，然后在命令行安装jshint（版本要大于2.4））。

Paste_Image.png

输入命令回车。

Paste_Image.png

Paste_Image.png

已经可以提示错误了。可以自定义错误提示： http://jshint.com/docs/