這篇文章主要介紹了關(guān)于nodejs開(kāi)發(fā)環(huán)境的配置與使用，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下

經(jīng)過(guò)幾個(gè)星期的nodejs學(xué)習(xí)，從開(kāi)始的小白到現(xiàn)在漸漸得熟悉，走過(guò)來(lái)也才算明白，現(xiàn)在已經(jīng)入門也掌握了相關(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給用戶調(diào)用。從目前的情況來(lái)看，這個(gè)發(fā)展情況還算好，明天都有好多的前端后臺(tái)工程師在加入，連一些大神也在關(guān)注甚至寫博客，昨晚我還看見(jiàn)一篇 文章寫道一個(gè)外國(guó)的網(wǎng)站寫了將近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啊！廢話先說(shuō)到這里了，下面來(lái)說(shuō)下本次的話題：環(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

登錄后復(fù)制

二、 全局文件夾設(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è)置全局模塊文件夾

登錄后復(fù)制

三、 安裝模塊

現(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)

登錄后復(fù)制

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

express-V

登錄后復(fù)制

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

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

npmuninstallexpress

登錄后復(fù)制

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

四、 使用express安裝

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

expressTest

登錄后復(fù)制

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

nodeapp.js

登錄后復(fù)制

看到提示沒(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的依賴庫(kù)進(jìn)行安裝：

npminstall

登錄后復(fù)制

安裝了這個(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

登錄后復(fù)制

這樣我們就不用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)目的文件夾。

下面來(lái)說(shuō)下調(diào)試的問(wèn)題，包括我也搞了好久網(wǎng)上也找了好久，最后在波哥說(shuō)下才搞定，這個(gè)其實(shí)很難簡(jiǎn)單的，直接看圖了：

如何在程序里打斷點(diǎn)就可以進(jìn)行調(diào)試了，很方便。

以上就是個(gè)人對(duì)于nodejs開(kāi)發(fā)環(huán)境配置與使用的經(jīng)驗(yàn)的全部記錄了，后續(xù)再繼續(xù)分享一些nodejs的詳細(xì)應(yīng)用。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP中文網(wǎng)！

相關(guān)推薦：

關(guān)于NodeJS、NPM安裝配置步驟(windows版本) 以及環(huán)境變量的介紹

如何快速使用node.js進(jìn)行web開(kāi)發(fā)

以上就是關(guān)于nodejs開(kāi)發(fā)環(huán)境的配置與使用的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的关于nodejs开发环境的配置与使用(前端基础开发环境安装与配置)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。