Sublime + NodeJs 开发环境

dsfsfs

 
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()函数。