快捷導(dǎo)航

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

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

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

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

node-v

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

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

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

三、安裝模塊

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

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

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

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

express-V

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

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

npmuninstallexpress

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

四、使用express安裝

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

expressTest

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

nodeapp.js

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

500 Error: Cannot find module 'jade'

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

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

npminstall

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

五、安裝supervisor插件

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

npminstallsupervisor-g

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

六、使用webStorm IDE

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

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