专注专心
分类： Web开发
2016-10-06 00:04:38
分类：
第一步：安装sublime text3
第二步：安装nodejs在sublime的插件
一。获取nodejs插件SublimeText-Nodejs的方式有２种
- GIT方法
可直接输入 clone "D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs"
注意下载地址为你的Sublime Text 3相对地址下
- github上直接下载压缩包
地址：
下载后解压到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，但是这个命令写的不对，直接使用的话是编译不成功的。
对比修改前后的代码将红色部分改为绿色部分
修改前的文档：
修改后的文档
- {
- "cmd": ["node", "$file"],
- "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
- "selector": "source.js",
- "shell":true,
- "encoding": "cp1252",
- "windows":
- {
- <span style="color:#CC0000;"><strong>"cmd": ["taskkill /F /IM node.exe & node", "$file"]strong>span>
- },
- "linux":
- {
- "cmd": ["killall node; node", "$file"]
- }
- }
配置完成重启sublime text
- {
- "cmd": ["node", "$file"],
- "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
- "selector": "source.js",
- "shell":true,
- "encoding": "cp936",
- "windows":
- {
- <span style="color:#006600;"><strong>"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"] strong>span>
- },
- "linux":
- {
- "cmd": ["killall node; node", "$file"]
- }
- }
第三步：测试nodejs程序
在sublime新建一个js文档，输入以下的代码
- var http = require("http");
- http.createServer(function(request, response) {
- response.writeHead(200, {"Content-Type": "text/plain"});
- response.write("Hello World");
- response.end();
- }).listen(8888);
- console.log("Server running at ");
Ctrl+b编译这段代码之后，sublime text窗口中就会显示
Server running at
到此，服务端算是启动成功，打开浏览器，输入，页面显示
Hello World
则表示交互正常。
参考地址：http://www.cnblogs.com/bluesky4485/p/3928364.html
在windows环境下基于sublime text3的node.js开发环境搭建
(2015-01-02 22:27:49)
首先安装sublime text3，百度一堆，自己找吧。理论上sublime text2应该也可以。我只能说一句：这个软件实在是太强悍了。
跨平台，丰富的插件体系，加上插件基本上就是一个强悍的ide了。目前我在使用的主要是Emmet、Python、还有一些格式化的插件（xml，json），加上这次安装的node.js。
node.js的安装就不用多说了，直接 点击install下载window版本的安装程序后安装即可。默认的安装会将安装目录加到path环境变量中，这一步是为了后续使用node的时候，可以不用带路径，当然，后续在sublime text中安装好nodejs插件之后，也可以对node的路径进行一些自定义的设置。为了使用方便，建议增加到path环境变量。
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( '' + 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( '' + 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 "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 ');
Ctrl+b编译这段代码之后，sublime text窗口中就会显示
Server running at
若之前有运行的node进程在，则会先杀掉node进程，再启动node，显示如下：
成功: 已终止进程 "node.exe"，其 PID 为 154588。
Server running at
到此，服务端算是启动成功，打开浏览器，输入，页面显示Hello World则表示交互正常。
开发环境就算是基本搭建完毕了，准备接下来一篇文章讲讲怎么使用自带的NPM包管理工具，NPM能解决nodejs代码部署上的很多问题。
转载▼