您的位置:首页 > Web前端 > Node.js

Nodejs-搭建Nodejs开发环境

2015-12-08 10:14 686 查看
学习nodejs,需要一个好的开发工具,并不想用无智能提示和不友好格式的记事本编写


从www.nodejs.org下载nodejs并安装到指定的目录。

下载一个开发工具, 可以选择webstorm,Eclipse,sublime2,等等。

webstorm的提示和自动完成功能比较好, sublime text2有很多插件可以用,git、svn、自动对齐、命令行,

它本来是一个编辑器。 由于可以集成很多插件,我这儿选择了sublime。 下面介绍如何用sublime工具编写Nodejs代码。

1) 下载sublime并安装,下载列表:http://www.sublimetext.com/2

2) 下载sublime的nodejs插件,需是集成Nodejs插件到sublime中,下载地址:https://github.com/tanepiper/SublimeText-Nodejs

3) 解压zip文件, 并重命名文件夹“Nodejs”

4) 打开sublime,操作”preference” –> “Browse packages”, 打开一个目录,这个目录是众多语言IDE插件的存放地。

5) 复制”Nodejs“文件夹到这个目录。 这样就可以了吗? 酱样子还不行,还要更改配置文件。

6) 打开Nodejs文件夹,找到文件“Nodejs.sublime-build”, 拖拽到sublime,显示:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片

{
"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代码时终端显示乱码。

第二个标注,如果去掉taskkill /F /IM node.exe  ,在每次build,都会生成一个node.exe进程。 这样太可怕了。 我这儿改成"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"] 。 如;


[plain] view plaincopy在CODE上查看代码片派生到我的代码片

{
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.javascript",
"shell":true,
"encoding": "GB2312",
"windows":
{
"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]
},
"linux":
{
"cmd": ["killall node; node", "$file"]
}
}


7) 要用sublime打开文件“Nodejs.sublime-settings” 或者 设置“preference” –》 “package settings” –》 “Nodejs” –》“setting-default” 打开文件并 更改成:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片

{
// 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
}


配置完成,

验证,复制下面代码 到sublime一个新建文件中。 并Ctrl+ b 编译这段代码。 即时窗口显示:Server running at http://127.0.0.1:80/ ,然后打开浏览器敲入这个地址并显示内容hello nodejs 。 这是一个简单的站点发布。

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片

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/');


备注: 希望sublime智能提示,新建一个文件并保存*.js,然后开始编辑javascript代码,智能提示就显示出来了。

转自:/article/8721260.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: