windows下基於sublime text3的nodejs環境搭建

標籤：

第一步：先安裝sublime text3.詳細教程可自行百度，這邊不具體介紹了。

第二步、安裝nodejs外掛程式，有兩種方式

　　第一種方式：直接下載https://github.com/tanepiper/SublimeText-Nodejs 壓縮包，壓縮後重新命名為Nodejs放到package目錄下。package開啟檔案：Preferences-> Browser Package

　　第二種方式：通過package control install package的方式下載

第三步：安裝nodejs。這裡就不多說了。

上面三步都完成之後，這時候還不能直接在sublime text中編譯 nodejs。還需要以下的設定：

1、修改編譯選項，在package目錄下的Nodejs目錄中，開啟Nodejs.sublime-build檔案，其原始內容如下

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

其中需要修改的有兩個地方

第一個修改的地方是：encoding。需要設定encoding為gb2131或者 utf-8。這樣編譯輸出才不會出現亂碼。

第二個修改的地方是：cmd命令。windows下可以直接使用這樣的配置。

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

但是這個配置有個致命的缺點，就是每次build的時候，都會重新啟動一個node.exe進程，且會佔用一個連接埠。在上面的windows cmd配置中，原本是希望在啟動node.exe之前把所有的node.exe進程都kill掉，然後再啟動node.exe。但是這個命令寫的不對，直接使用會出現編譯不成功。因此需要對cmd進行修改。

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

修改後完整的Nodejs.sublime-build代碼如下：

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

設定完成之後，記得重啟sublime text。

最後通過已給小例子來驗證下成果吧。

app.js

var http = require(‘http‘);http.createServer(function(req, res) {    // body...    res.writeHead(‘200‘,{‘Content-Type‘: ‘text/plain‘});    res.end(‘Hello World \n‘);}).listen(8124, ‘127.0.0.1‘);console.log(‘Server running at ‘);

編譯檔案： 直接ctrl+b 或者 點擊 Tools -> build 對檔案進行編譯。

這時候在sublime text下班的視窗也可以看到console.log的資訊

 

 

 

 

這時候開啟瀏覽器，輸入 127.0.0.1:8124便可以在瀏覽器看到輸出效果。

至此，windows下基於sublime text3 nodejs環境搭建完成了。可以開始寫代碼了。

windows下基於sublime text3的nodejs環境搭建