快捷導(dǎo)航

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

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

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

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

安裝nodejs

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

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

node-v

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

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

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

三、安裝模塊

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

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

npminstallexpress-g//express還可以帶上@版本號(hào)

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

express-V

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

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

npmuninstallexpress

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

四、使用express安裝

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

expressTest

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

nodeapp.js

看到提示沒(méi)，端口3000說(shuō)明啟動(dòng)成功了，但是我們?yōu)g覽器瀏覽報(bào)錯(cuò)，提示什么

500 Error: Cannot find module 'jade'

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

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

npminstall

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

五、安裝supervisor插件

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

npminstallsupervisor-g

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

六、使用webStorm IDE

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

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