1. 从www.nodejs.org下载nodejs并安装到指定的目录。
2.下载sublime并安装,下载列表:http://www.sublimetext.com/2
3.下载sublime的nodejs插件,需是集成Nodejs插件到sublime中,下载地址:https://github.com/tanepiper/SublimeText-Nodejs
4.解压zip文件, 并重命名文件夹“Nodejs”
5.打开sublime,操作"preference" --> "Browse packages", 打开一个目录,这个目录是众多语言IDE插件的存放地。
6.复制”Nodejs“文件夹到这个目录。
7.打开Nodejs文件夹,找到文件“Nodejs.sublime-build”, 拖拽到sublime,显示:
{ "cmd": ["node", "$file"], "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.js", "shell":true, "encoding": "cp1252", "windows": { "cmd": ["taskkill /F /IM node.exe & node", "$file"] }, "linux": { "cmd": ["killall node; node", "$file"] } }
需要更改上面标注的地方, 要更改encoding为GB2312或者utf8,如果不更改此属性可能导致build nodejs代码时终端显示乱码。
8.要用sublime打开文件“Nodejs.sublime-settings” 或者 设置“preference” --》 “package settings” --》 “Nodejs” --》“setting-default” 打开文件并 更改成:
{ // save before running commands "save_first": true, // if present, use this command instead of plain "node" // e.g. "/usr/bin/node" or "C:\bin\node.exe" // e.g. "/usr/bin/node" or "C:\bin\node.exe" "node_command": "D:\\ProgramFiles\nodejs\node.exe", //是Nodejs安装目录 // Same for NPM command "npm_command": "D:\\ProgramFiles\nodejs\npm.cmd", // as 'NODE_PATH' environment variable for node runtime //"node_path": false, "expert_mode": false, "ouput_to_new_tab": false }
9.验证,复制下面代码 到sublime一个新建文件中。 并Ctrl+ b 编译这段代码。 即时窗口显示:Server running at http://127.0.0.1:80/ ,然后打开浏览器敲入这个地址并显示内容hello nodejs 。 这是一个简单的站点发布。
var http = require('http'); var os = require('os'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello nodejs\n'); }).listen(80); console.log('Server running at http://127.0.0.1:80/');
10.在 Sublime 直接运行 Javascript 调试控制台
有个问题,那就是Sublime Text不支持一些语言的运行,例如javascript,我们通常通过写一个HTML页面来嵌入JS,然后再用Chrome或者Firefox的开发者工具来调试。而实际上我们也可以通过添加Build System的方法来让Sublime Text支持Javascript Console控制台调试。
10.1.利用 JSC 添加 JavaScript 控制台 (Mac OS X)
实际上Mac内置了一个javascript控制台程序,但是藏得太深,它在
/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc
里。实际上你可以在终端里直接运行这个程序,然后在终端进行调试。
为Sublime Text添加此Build System,只需打开Sublime Text,选择 Tools > Build System > New Build System... ,如图所示
现在,粘贴以下内容并保存为JSC.sublime-build,或者其他名字:
{ "cmd": ["/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc", "$file"], "selector": "source.js" }
现在,在 Tools > Build System 里选择刚刚创建好的“JSC”,就可以调试了。
你需要做的就是在写好js文件后,按下Ctrl + B按钮。
不过这里也要注意,使用JSC时,你需要用debug()替换console.log()函数。
10.2 利用 Node.js 添加 JavaScript 控制台
除了Mac的JSC,我们还有强大的Node.js。要使用此方案,请先下载并安装Node.js。
其他的步骤和上述基本一致,只是在编辑新的Build System时,要粘贴的内容是:
{ "cmd": ["node", "$file"], "selector": "source.js" }
编辑好后保存为Node.sublime-build或者其他的名字就可以了。
同样,要使用,在 Tools > Build System 里选择刚刚创建好的“Node”,就可以调试了。
你需要做的就是在写好js文件后,按下Command + B按钮。
在Node.js的情况下,你可以继续使用console.log()函数。