Nodejs-搭建Nodejs开发环境

学习nodejs,需要一个好的开发工具,并不想用无智能提示和不友好格式的记事本编写

 

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

 

2. 下载一个开发工具, 可以选择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上查看代码片派生到我的代码片
 
  1. {  
  2.   "cmd": ["node", "$file"],  
  3.   "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",  
  4.   "selector": "source.js",  
  5.   "shell":true,  
  6.   "encoding": "cp1252",  
  7.   "windows":  
  8.     {  
  9.         "cmd": ["taskkill /F /IM node.exe & node", "$file"]  
  10.     },  
  11.   "linux":  
  12.     {  
  13.         "cmd": ["killall node; node", "$file"]  
  14.     }  
  15. }  


 

 

        需要更改上面标注的地方, 要更改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上查看代码片派生到我的代码片
 
  1. {  
  2.   "cmd": ["node", "$file"],  
  3.   "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",  
  4.   "selector": "source.javascript",  
  5.   "shell":true,  
  6.   "encoding": "GB2312",  
  7.   "windows":  
  8.     {  
  9.       "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]  
  10.     },  
  11.   "linux":  
  12.     {  
  13.         "cmd": ["killall node; node", "$file"]  
  14.     }  
  15. }  


 

 

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

 

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. {  
  2.   // save before running commands  
  3.   "save_first": true,  
  4.   // if present, use this command instead of plain "node"  
  5.   // e.g. "/usr/bin/node" or "C:\bin\node.exe"  
  6.   // e.g. "/usr/bin/node" or "C:\bin\node.exe"  
  7.   "node_command": "D:\\ProgramFiles\nodejs\node.exe",  //是Nodejs安装目录  
  8.   // Same for NPM command  
  9.   "npm_command": "D:\\ProgramFiles\nodejs\npm.cmd",同上。   
  10.   // as 'NODE_PATH' environment variable for node runtime  
  11.   //"node_path": false,  
  12.   
  13.   "expert_mode": false,  
  14.   
  15.   "ouput_to_new_tab": false  
  16. }  


 

 

配置完成, 

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

 

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. var http = require('http');   
  2. var os = require('os');     
  3.   
  4. http.createServer(function (request, response) {     
  5.   response.writeHead(200, {'Content-Type': 'text/plain'});     
  6.   response.end('Hello nodejs\n');     
  7.   
  8. }).listen(80);     
  9.   
  10. console.log('Server running at http://127.0.0.1:80/');  



 

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

 

posted @ 2015-10-18 00:00  {前端开发}  阅读(527)  评论(0编辑  收藏  举报