快捷導(dǎo)航

nodejs開發(fā)環(huán)境配置與使用

更新時間：2014年11月17日 10:34:43 投稿：hebedich

經(jīng)過幾個星期的nodejs學(xué)習(xí)，從開始的小白到現(xiàn)在漸漸得熟悉，走過來也才算明白，現(xiàn)在已經(jīng)入門也掌握了相關(guān)的學(xué)習(xí)方法，今天開始記錄下自己學(xué)習(xí)的過程，以便日后查看。

先說下nodejs這個哦，有人以為它是一種語言，其實(shí)不是，它是一個平臺，一個建立在google的V8引擎上的js運(yùn)行平臺，就是解析js，并提供自己的一些API給用戶調(diào)用。從目前的情況來看，這個發(fā)展情況還算好，明天都有好多的前端后臺工程師在加入，連一些大神也在關(guān)注甚至寫博客，昨晚我還看見一篇文章寫道一個外國的網(wǎng)站寫了將近90搞nodejs的web插件，這個真牛??！那學(xué)習(xí)中國東東對于我們來說最直接的能帶來什么利益呢：前端人員由于熟悉 js那么可以基本簡單學(xué)習(xí)下linux就可以上手了，那后臺工程師呢稍微麻煩點(diǎn)，因?yàn)橐恍┖笈_工程師不是怎么熟悉js使用起來可能很多障礙，在這里建議學(xué) 習(xí)下基礎(chǔ)的js，講了這個之后大家關(guān)心的我想應(yīng)該就是薪水的問題了，到目前，基本在1年以上的nodejs工程師在廣州已經(jīng)有開價在7K以上了，這個也是以前的一位同事說他公司招聘的情況我才知道原來這個東東直逼hadoop??！廢話先說到這里了，下面來說下本次的話題：環(huán)境配置(由于本人是在 windows 8.1下開發(fā)的，所以在這里只講windows下的)。

安裝nodejs

先去nodejs官網(wǎng)http://www.nodejs.org/download/下載對應(yīng)的版本，我的是64位的。下載好后直接安裝，由于現(xiàn)在的版本已經(jīng)到v0.10.33了，所以node跟npm已經(jīng)一起安裝了，連環(huán)境變量也設(shè)置了，安裝好后可以在對應(yīng)的文件夾看到如下

安裝完后，可以在當(dāng)前安裝的文件夾下使用Shift + 右鍵打開cmd，輸入如下即可查看安裝的版本，本人的是0.10.32.

node-v

二、全局文件夾設(shè)置

至于node_cache跟node_global對于初學(xué)者這個應(yīng)該不用設(shè)置，因?yàn)樗麜O(shè)置為當(dāng)前用戶目錄下的,但是有時自己為了方便也會設(shè)置下，這里提供下設(shè)置的命令看如下：

npmconfigls//列出prefix配置
npmconfigsetcache'D:\ProgramFiles\nodejs\node_cache'//設(shè)置全局緩存文件夾
npmconfigsetcache'node_global'//設(shè)置全局模塊文件夾

三、安裝模塊

現(xiàn)在我們安裝node跟npm了，npm顧名思義就是node的包管理器，通過命令來管理，現(xiàn)在來嘗試下：

我們來安裝一個web框架express，參數(shù)-g代表安裝在全局文件夾下，如果不在則代表當(dāng)前文件夾

npminstallexpress-g//express還可以帶上@版本號

我們現(xiàn)在在剛才設(shè)置的文件夾下查看下，是否多了一些文件啊，這里我們使用命令查看剛才安裝express的版本號

express-V

如果有輸出版本代表安裝成功了！

那如果我們想卸載掉這個插件呢，我們可以使用如下命令即可

npmuninstallexpress

這樣卸載掉后我們安裝回express，不過后面帶上版本號3.2.2(因?yàn)楸救俗钍煜さ陌姹揪褪沁@個了)，這樣會嗎？

四、使用express安裝

現(xiàn)在我們使用命令來建立一個web站點(diǎn)，如下：

expressTest

這樣會輸出一些提示，可以直接跳進(jìn)去Test文件夾使用命令運(yùn)行這個站點(diǎn)：

nodeapp.js

看到提示沒，端口3000說明啟動成功了，但是我們?yōu)g覽器瀏覽報錯，提示什么

500 Error: Cannot find module 'jade'

那竟然有提示報錯了，那我們現(xiàn)在就來安裝這個模塊，在這里說明下，這個文件夾下有個package.json文件，這個文件里描述了一些站點(diǎn)的信息，我們可以使用nodepad 打開看看：

這樣說明了需要2個庫，一個是express,令一個是jade，那么我們現(xiàn)在來安裝它，如果很多模塊安裝豈不是要執(zhí)行很多次命令，這里有一個命令比較簡便,它會檢查當(dāng)前的package.json的依賴庫進(jìn)行安裝：

npminstall

安裝了這個模塊我們還需要要修改一下views下的layout.jade文件的第一行的doctype 5改成doctype html.這樣再重新執(zhí)行node app.js我們這個網(wǎng)站就可以正常運(yùn)行了。

五、安裝supervisor插件

剛才我們可能都發(fā)現(xiàn)了，如果出了問題，nodejs自動停止了服務(wù)，這樣很不利于調(diào)試啊，那我們有一個插件可以解決。這個插件是管理nodejs的進(jìn)程，包括調(diào)試那些都非常好用。使用如下命令安裝全局的模塊：

npminstallsupervisor-g

這樣我們就不用node命令來啟動服務(wù)，直接使用supervisor app.js來就可以了。

六、使用webStorm IDE

剛才我們編輯js文件是使用nodepad來的，但這個不是很好，有好的編輯器嗎，答案是有的，一個大名頂頂?shù)膚ebStorm，網(wǎng)上很多那個版本的下載，大家懂得了，這里也提供一份網(wǎng)友給的鏈接http://yunpan.cn/cAcf6hVxnIbCt 提取碼 246f，下載完直接安裝，安裝完覆蓋一個exe文件就可以了，屌絲這樣簡單吧！

第一次運(yùn)行是會打開一個文件夾，其實(shí)就是項(xiàng)目的文件夾。