在windows環境下基於sublime text3的node.js開發環境搭建

時間 2019-11-11

標籤 windows 環境基於 sublime text3 text node.js node 開發環境搭建欄目 Windows 简体版

原文原文鏈接

首先安裝sublime text3，百度一堆，本身找吧。理論上sublime text2應該也能夠。我只能說一句：這個軟件實在是太強悍了。node

跨平臺，豐富的插件體系，加上插件基本上就是一個強悍的ide了。目前我在使用的主要是Emmet、Python、還有一些格式化的插件（xml，json），加上此次安裝的node.js。linux

node.js的安裝就不用多說了，直接http://nodejs.org/ 點擊install下載window版本的安裝程序後安裝便可。默認的安裝會將安裝目錄加到path環境變量中，這一步是爲了後續使用node的時候，能夠不用帶路徑，固然，後續在sublime text中安裝好nodejs插件以後，也能夠對node的路徑進行一些自定義的設置。爲了使用方便，建議增長到path環境變量。git

SublimeText-Nodejs插件（https://github.com/tanepiper/SublimeText-Nodejs）github

本來在sublime text的插件庫裏面有nodejs的插件，可是通過嘗試安裝後，發現沒法修改編譯設置，沒找到Nodejs.sublime-build文件，後來在github上面看了下人家的安裝說明以後再從新安裝的。shell

安裝也有二種方式：json

一、直接下載壓縮包後解壓到sublime text的package目錄中。查看package目錄在哪能夠經過菜單欄中的Preferences-->瀏覽程序包Browse Packages直接打開package目錄。windows

二、使用git命令下載到package目錄（git clone https://github.com/tanepiper/SublimeText-Nodejs "D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs"）瀏覽器

修改編譯選項，在package目錄下的nodejs目錄中，打開Nodejs.sublime-build，原始內容以下：ide
{
  "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"]
    }
}
有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": ["node", "$file"],
  "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  "selector": "source.js",
  "shell":true,
  "encoding": "cp936",
  "windows":
    {
        "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]  
    },
  "linux":
    {
        "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則表示交互正常。