sumlimeText是我们前端开发人员的利器,随着nodejs的流行,nodejs成为前端追捧的技术,那么sumline中如何配置nodejs开发环境呢,比如说可以在sumline控制台下可以看到代码运行结果,window下不用打开cmd窗口运行node命令,不用来回切换sumlime和cmd命令窗口,而且在我们保存代码的时候能够自动编译运行结果。通过以下两个简单的步骤就可以配置好node开发环境了。

一、安装nodejs插件

跟安装其他插件一样,安装完成后可以在Perferences->Package Settings中可以看到Nodejs相关配置。

二、修改插件配置文件

1、Nodejs.sumline-settings (在Perferences->Browse Packages 进入Nodejs文件夹中找到)

只需修改node_command和npm_command地址为你本地安装nodejs文件路径即可。

{ // 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": "E:/Program Files (x86)/nodejs/node.exe", // Same for NPM command "npm_command": "E:/Program Files (x86)/nodejs/npm.cmd", // as 'NODE_PATH' environment variable for node runtime "node_path": false, "expert_mode": false, "ouput_to_new_tab": false}

2、Nodejs.sublime-build

这里配置nodemon,前提是你npm已全局安装nodemon

 

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

接下来就可以使用Ctrl+B运行js文件了,修改js文件,sumline控制台可以看到nodemon会重新自动编译。