1:Package Control
在sublime text3中,用快捷键 【Ctrl+~】或者工具栏上View ---> Show Console,打开命令提示符面板。
然后输入一下代码(可见:https://packagecontrol.io/installation):
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)
这个代码会自动下载Control.sublime-package 软件包。
重启sublime text3,如果在Preferences 下可以看到 Package Console,说明Package Console 安装成功。
2:emmet
快速补全代码的插件。
Ctrl+Shift+p ,然后输入利用模糊查找,输入pci,Package Console : Install Package,回车,等到它加载自己所有的插件,再次弹出窗口后,输入emmet,会看到如图,
选中并回车,即可进行安装。
3:安装主题
Ctrl+Shift+p ,输入pci,Package Console : Install Package,回车,在插件列表加载出来后,输入主题名称,比如theme-spacegray ,选中自己要安装的主题,回车,即可安装。
安装完成后,会在sublime text3 中自动打开一个说明,找到Spacegray Eighties, 需要将以下内容
粘贴到用户的配置信息中:打开Perferences--->Settings-User ,原有信息后输入逗号,然后粘贴:
保存后,会发现该主题已经使用到编辑器中了。
4:JavaScript & NodeJS Snippets
Ctrl+Shift+p ,输入pci,Package Console : Install Package,回车,在插件列表加载出来后,输入 javascript ,找到 Javascript & NodeJS Snippets, 回车,安装。
5:AdvanceNewFile
安装参照4,不再赘述。
用法: Ctrl+alt+n,然后输入:路径+文件名
6:DocBlockr(https://github.com/spadgos/sublime-jsdocs)
如果你遵循的编码的风格很严格,这款插件能够使你的任务更容易。DocBlokr 帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目。
在方法上方,输入/**,然后回车即可。
7:SideBarEnhancements(目前只支持Sublime Text3)
插件安装完成过后,点击【Ctrl+Shift+p】,找到Key Bindings-user,打开,添加如下命令:
//chorme
{
"keys": ["ctrl+1"],
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files\\...\\chrome.exe(此处为本地浏览器安装路径)",
"extensions":".*"
}
}
保存,然后用自己设置的快捷键可以在浏览器上运行html页面。
在sublime Text3 中还有一种运行html的方法:
选择Tools-->Build System-->New Build System,然后将用以下内容覆盖文档中原有内容:
//windows
{
"cmd": ["C:\\Program Files\\...\\chrome.exe(此处为本地浏览器安装路径)", "$file"],
"selector":["text.html"]//不用选择为brower,选择默认的automatic,在html页面,点击ctrl+b,会自动在浏览器中打开。
}
//Mac
{
"cmd": ["/Applications/Google Chrome.app/Contents/MacOS/Google Chrome", "$file"], //此处路径必须写具体,不然会报 Permission denied
"selector":["text.html"]//不用选择为brower,选择默认的automatic,在html页面,点击command+b,会自动在浏览器中打开。
}
然后保存,后缀不变,名称比如为brower。然后在就会在Tools-->Build System中发现多了个brower的构建选项,选中该选项。然后进入html页面,点击【Ctrl+b】或者[command+b],就可以看到页面在Chrome浏览器上运行了。