subline text3搭建nodejs开发环境

今天开始学习node.js,选择了subline这个神奇的编译器。今天特地记录一下我的配置过程。
1:首先特别提醒下不要 ctrl+P去插件库安装 那样安装出来是没有配置文件的,就更别配置成功了。
2:首先各种准备工作就绪,nodejs的安装(要确保安装成功了,可以在dos里面试着运营下),subline text3(我用的是3,不知道2是不是也可以)
3:我是去github下载的安装包,就不说使用git的方式了,(git会用的自然知道怎么用,不会用的现在也不用纠结)点击这里前去下载
4:将下载好的文件解压,并且重命名该文件夹为“Nodejs”
5:打开sublime,操作"preference" --> "Browse packages", 打开一个目录,这个目录是众多语言IDE插件的存放地。复制”Nodejs“文件夹到这个目录。
6:接下来配置文件的修改,这里需要修改2个配置文件;
(1):打开Nodejs文件夹,找到文件“Nodejs.sublime-build”, 拖拽到sublime,将下边的文件修改为以下样式,甚至可以粘贴复制:

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

(2):依旧打开nodejs文件,找到文件Nodejs.sublime-settings,拖拽到sublime,将下边的文件修改为以下样式,甚至可以粘贴复制:

{
// 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:\\myUser\\node.exe",
// Same for NPM command
"npm_command":  "C:\\myUser\\npm.cmd" ,
// as 'NODE_PATH' environment variable for node runtime
"node_path": false,

"expert_mode": false,

"ouput_to_new_tab": false
}

(3)保存之后进行测试。
7:新建一个js文件,文件位置无所谓。内容如下:

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编译一下,会在subline text控制台看到Server running at http://127.0.0.1:3000/ ,接下来我们从浏览器打开 访问 http://127.0.0.1:3000/ ,可以看到熟悉的hello world.

这是自己的一个学习记录随笔,能帮到你的话再好不过!!!

你可能感兴趣的:(subline text3搭建nodejs开发环境)