配置Sublime Text用于Python与JavaScript的Web开发

  Sublime Text是一个非常强大的程序员文本编辑器,也是最流行的Web和动态语言 (Python, Ruby, JavaScript)开发工具.

  Sublime Text并不试图成为羽翼非常丰满的IDE。它的优势包括:速度(本地代码OpenGL加速),插件生态系统,跨平台和超过Vim和Emacs更好的可用性。Sublime Text​​几乎支持任何编程语言。但是,一些深层次语言特定的集成功能,如静态分析和重构,虽然可以通过插件实现,但是也许不是很方便。

  如果你需要一个重量级的工具,并不喜欢命令行,那么 PyCharm (Python) 和 WebStorm (JavaScript) 两个IDE也许是一个选择,两者都是Java编制。其他还有 Brackets (open source HTML-based) 和 Atom

  在Sublime Text中,扩展和插件被称为包package,包只是你硬盘上一个目录,包含一切文本,在3.0版本中zip包扩展支持扩展名为.sublime-package的文件。

  首先安装ST的包控制中心,通过ctrl+` 或View > Show Console打开控制台,ST3输入下面代码:

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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)

这段代码将创建安装好的目录,并且下载Package Control.sublime-package到这个目录,如果3.0版本不稳定,可使用2.0,在控制台输入下面命令:

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

验证是否安装成功:可以通过"Ctrl+Shift+P"打开命令面板,输入"install"命令,选择"Package Control install packages",然后注意ST最下面状态栏显示:“loading repositories”,等待完成后就可以看到安装包列表了。

如果你要编辑Python,通过"Ctrl+Shift+P",输入python,选择set syntax设置语法为python,这样当你键入python时,应该会自动跳出提示。同样适合编辑Javascript.

如何安装插件?

使用"Ctrl+Shift+P"打开命令面板,输入"install"命令,选择"Package Control install packages",等待状态栏显示:“loading repositories”完成后看到安装包列表,这时你也可以开始安装自己需要的新插件,只要敲入新插件的名称,例如如果需要Javascript的自动完成插件TernJS,这是输入"TernJS",选择install TernJS。你会注意到状态栏出现 "Installing Package ..."你的插件提示。

在国内因为防火墙原因,安装插件可能会报错误,比如无法解压等等,这时就要配置翻墙,如果使用Goagent: 打开Package setting ->Package control -->Setting-default:

1.找到配置文件中的节点"http_proxy"和"https_proxy",填上你GoAgent代理的地址127.0.0.1:8087

2.找到certs加入:

"certs": {
"*": ["goagent", "D:/goagent/local/CA.crt"]
}

D:/goagent/是你的goagent安装目录。

安装TernJS成功后,"Ctrl+Shift+P"出现命令面板后输入TernJS应该有提示。这样你的Javascript自动代码提示功能就有了。

常用插件

  Django是Python最流行的一个Web框架,只要在安装提示符输入 Djaneiro安装插件,这个插件有Django 模板高亮

  DocBlockr是一个自动产生类似 /* */ 和 // 这样的注释文档格式,输入 DocBlockr安装。

  Emmet是一个Html编辑的瑞士军刀,提供跳跃到配对或删除配对符号。输入 Emmet.安装

  Sublimelinter 能够将源码中错误高亮显示出来。适合Python Javascript CSS等动态语言,这个功能特别重要,静态语言Java等可以通过编译器编译时发现错误,而动态语言则可以通过这个插件在存盘时发现错误,不必等到运行时检查,对于Node.js需要事先安装node以后才有效,输入sublimelinter安装。

参考

Sublime前端开发设置样本

Javascript教程

Python语言教程手册