1. 程式人生 > >nodejs開發環境搭建

nodejs開發環境搭建

最近nodejs很流行,可能未會更流行,因為一種開發語言可以把伺服器和客戶端同時搞定,作為指令碼語言,相比python來說,nodejs作為伺服器端開發語言在效能上會更有優勢一些。

另一個就是,javascript在基於html5的瀏覽器上可以實現五端通用,windows,linux,mac,ios,android。而nodejs又是javascript的重要工具,也就值得學一下。

sublime text 外掛安裝和設定

nodejs的安裝這裡不多說,這裡主要講裝上nodejs之後,要用什麼編輯器寫程式碼和用什麼工具除錯。

自已已經習慣了用sublime text來寫程式碼,咱就先配置一下sublime text的開發環境吧。為了nodejs的程式碼自動補全,只要安裝一下sublimecodeintel外掛就可以了,安裝方法這裡就不說了,用過sublime text的人都應該知道怎麼用外掛管理器來安裝外掛,在安裝好之後,sublimecodeintel對於javascript的預設開發是jQuery.我要手動修改sublimecodeintel中的javascript語言設定。
開啟Preferences->Package Setings->SublimeCodeIntel->Setings-Default.
Preferences->Package Setings->SublimeCodeIntel->Setings-Default

我們可以看到在這個設定文件下邊有一個JavaScript的設定,把這段javascript設定註釋掉,使用下邊的設定替換。

"JavaScript":{
          "javascriptExtraPaths":[]
    },

這裡不修改,自動補全會找不到要補全的東西。

如何在sublime text執行js程式碼

上一步我們裝好了外掛,這一步我們來設定平時咱們用的command + B執行程式的方式執行js.
點選單上的Tools->Build System->New Build System…來設定一個新語言的執行設定
Tools->Build System->New Build System...

在裡邊寫上下邊內容:

{
"cmd": ["/usr/local/bin/node", "$file"],"selector": "source.js"
}

這裡就不解釋了,常用sublime的一般都瞭解這裡設定內容的含意,儲存這個設定,可以用nodejs之類的名字。

設定好之後,寫上一段程式,然後按command + b就可以執行我們寫的程式碼了。下邊是一個簡單例子。

var http = require("http");
http.createServer(function(req,res){
    res.writeHead(200,{'Content-Type':'text/html'});
    res.write('<head><meta charset="utf-8"/></head>');
    res.end("你好!\n"
); }).listen(1337,"127.0.0.1"); console.log('server run at:127.0.0.1:1337')

command + b之後,可以看到控制檯輸出了
server run at:127.0.0.1:1337.
這時開啟瀏覽器,輸入127.0.0.1:1337回車,可以看到http伺服器啟動了並有了返回結果。

nodejs斷點除錯

一般好像寫js都是WebStorm.這個應該是可以,但是工具太重了。喜歡使用輕量級的工具,可以選擇vscode編譯器,這是微軟出的一個開源編輯器。一直很討厭微軟體的開發工具,但這個工具用來寫js還是可以試一下。對用js程式碼寫伺服器端時作斷點除錯還是比較方便。