ITPub博客

sublime text3 搭建 nodejs开发环境

转载 作者:zhengnx 时间:2016-10-05 23:54:01 0 删除 编辑
    

sublime text3 搭建 nodejs开发环境

1874人阅读 评论(0) 收藏 举报
.embody{ padding:10px 10px 10px; margin:0 -20px; border-bottom:solid 1px #ededed; } .embody_b{ margin:0 ; padding:10px 0; } .embody .embody_t,.embody .embody_c{ display: inline-block; margin-right:10px; } .embody_t{ font-size: 12px; color:#999; } .embody_c{ font-size: 12px; } .embody_c img,.embody_c em{ display: inline-block; vertical-align: middle; } .embody_c img{ width:30px; height:30px; } .embody_c em{ margin: 0 20px 0 10px; color:#333; font-style: normal; }
分类:
web前端(34)

第一步:安装sublime text3

第二步:安装nodejs在sublime的插件

    一。获取nodejs插件SublimeText-Nodejs的方式有2种

  • GIT方法

   可直接输入  Git clone https://github.com/tanepiper/SublimeText-Nodejs "D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs"

   注意下载地址为你的Sublime Text 3相对地址下

  • github上直接下载压缩包

              地址:https://github.com/tanepiper/SublimeText-Nodejs

              下载后解压到sublime text的package目录中。查看package目录可通过菜单栏的Preferences-->浏览程序包Browse Packages直接打开package目录。

二。修改相应值:

    修改编译选项,在package目录下的nodejs目录中,打开Nodejs.sublime-build,

    有2个地方需要修改,一个是编码,为了避免乱码code,需要改成cp936;另外一个是cmd命令,本身如果只是想简单的运行nodejs程序的话,windows下面的cmd可以直接 "cmd": ["node", "$file"],但是这样非常不利于开发环境,因为这样的话每次build都会重新启动一个node.exe进程,且会占用一个端口,这肯定是我们不希望的。上文中的cmd原本是想在启动node.exe之前讲node.exe进程都杀掉,然后再启动node.exe,但是这个命令写的不对,直接使用的话是编译不成功的。

对比修改前后的代码将红色部分改为绿色部分

修改前的文档:  

  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.       <span style="color:#CC0000;"><strong>"cmd": ["taskkill /F /IM node.exe & node", "$file"]</strong></span>  
  10.     },  
  11.   "linux":  
  12.     {  
  13.         "cmd": ["killall node; node", "$file"]  
  14.     }  
  15. }  
修改后的文档


  1. {  
  2.   "cmd": ["node", "$file"],  
  3.   "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",  
  4.   "selector": "source.js",  
  5.   "shell":true,  
  6.   "encoding": "cp936",  
  7.   "windows":  
  8.     {  
  9.         <span style="color:#006600;"><strong>"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"] </strong></span>   
  10.     },  
  11.   "linux":  
  12.     {  
  13.         "cmd": ["killall node; node", "$file"]  
  14.     }  
  15. }  
配置完成重启sublime text
    


第三步:测试nodejs程序

在sublime新建一个js文档,输入以下的代码


  1. var http = require("http");  
  2.   
  3. http.createServer(function(request, response) {  
  4.   response.writeHead(200, {"Content-Type": "text/plain"});  
  5.   response.write("Hello World");  
  6.   response.end();  
  7. }).listen(8888);  
  8.   
  9. console.log("Server running at http://127.0.0.1:8888/");  

Ctrl+b编译这段代码之后,sublime text窗口中就会显示


Server running at http://127.0.0.1:8888/

到此,服务端算是启动成功,打开浏览器,输入http://127.0.0.1:8888/,页面显示

Hello World

则表示交互正常。


参考地址:http://www.cnblogs.com/bluesky4485/p/3928364.html





在windows环境下基于sublime text3的node.js开发环境搭建

(2015-01-02 22:27:49)


标签:

it

android

java

分类: 网络编程

 

首先安装sublime text3,百度一堆,自己找吧。理论上sublime text2应该也可以。我只能说一句:这个软件实在是太强悍了。

 

跨平台,丰富的插件体系,加上插件基本上就是一个强悍的ide了。目前我在使用的主要是Emmet、Python、还有一些格式化的插件(xml,json),加上这次安装的node.js。

node.js的安装就不用多说了,直接http://nodejs.org/ 点击install下载window版本的安装程序后安装即可。默认的安装会将安装目录加到path环境变量中,这一步是为了后续使用node的时候,可以不用带路径,当然,后续在sublime text中安装好nodejs插件之后,也可以对node的路径进行一些自定义的设置。为了使用方便,建议增加到path环境变量。

SublimeText-Nodejs插件(https://github.com/tanepiper/SublimeText-Nodejs)

 

原本在sublime text的插件库里面有nodejs的插件,但是经过尝试安装后,发现无法修改编译设置,没找到Nodejs.sublime-build文件,后来在github上面看了下人家的安装说明之后再重新安装的。

安装Package Control;运行Sublime,按下快捷键Ctrl + `;在控制台中输入如下并回车;

代码如下:

版本Ver 2

import urllib2,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', ' ')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

 

版本Ver 3

import urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', ' ')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

 

安装也有二种方式:

 

1、直接下载压缩包后解压到sublime text的package目录中。查看package目录在哪可以通过菜单栏中的Preferences-->浏览程序包Browse Packages直接打开package目录。

 

2、使用git命令下载到package目录(git clone https://github.com/tanepiper/SublimeText-Nodejs "D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs")

修改编译选项,在package目录下的nodejs目录中,打开Nodejs.sublime-build,原始内容如下:

 

{

// 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"

"node_command": "C:/Program Files/nodejs/node.exe",

// Same for NPM command

"npm_command": "C:/Program Files/nodejs/npm",

// as 'NODE_PATH' environment variable for node runtime

"node_path": false,

 

"expert_mode": false,

 

"ouput_to_new_tab": false

}

 

有2个地方需要修改,一个是编码,为了避免乱码code,需要改成cp936;另外一个是cmd命令,本身如果只是想简单的运行nodejs程序的话,windows下面的cmd可以直接 "cmd": ["node", "$file"],但是这样非常不利于开发环境,因为这样的话每次build都会重新启动一个node.exe进程,且会占用一个端口,这肯定是我们不希望的。上文中的cmd原本是想在启动node.exe之前讲node.exe进程都杀掉,然后再启动node.exe,但是这个命令写的不对,直接使用的话是编译不成功的。对cmd命令需要做简单的处理,修改好之后的Nodejs.sublime-build文件内容如下:

 

{

"cmd": ["C:/Program Files/nodejs/node.exe","-p" "$file"],

"file_regex": "^[ ]*File "(...*?)", line ([0-9]*)",

"selector": "source.js",

"shell":true,

//"encoding": "cp1252",

"encoding": "utf8",

"windows":

{

//       "cmd": ["taskkill /F /IM node.exe & node", "$file"]

"cmd": ["C:/Program Files/nodejs/node.exe", "$file"]

},

"linux":

{

"cmd": ["killall node; node", "$file"]

},

"osx":

{

"cmd": ["killall node; node $file"],

}

}

 

重启sublime text之后,配置就算完成了。我们写一小段代码来验证一下是否可以正常运行。

 

var http = require('http');

var os = require('os');

http.createServer(function (request, response) {

response.writeHead(200, {'Content-Type': 'text/plain'});

response.end('Hello World\n'); }).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

 

Ctrl+b编译这段代码之后,sublime text窗口中就会显示

Server running at http://127.0.0.1:3000/

 

若之前有运行的node进程在,则会先杀掉node进程,再启动node,显示如下:

 

成功: 已终止进程 "node.exe",其 PID 为 154588。

Server running at http://127.0.0.1:3000/

 

到此,服务端算是启动成功,打开浏览器,输入http://127.0.0.1:3000/,页面显示Hello World则表示交互正常。

 

开发环境就算是基本搭建完毕了,准备接下来一篇文章讲讲怎么使用自带的NPM包管理工具,NPM能解决nodejs代码部署上的很多问题。

下一篇: Sublime text3 笔记
请登录后发表评论 登录
全部评论

注册时间:2011-08-11

  • 博文量
    1305
  • 访问量
    20389743