dsfsfs 发表于 2017-2-21 09:26:41

Sublime + NodeJs 开发环境

 
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 (*)",
"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()函数。
 
页: [1]
查看完整版本: Sublime + NodeJs 开发环境