快捷導(dǎo)航

win7下安裝配置node.js+express開發(fā)環(huán)境

更新時間：2015年12月06日 09:51:30 投稿：hebedich

windows7下安裝nodejs及框架express,從誕生至今一直被熱捧,筆者最近也裝了個環(huán)境打算了解一下。安裝步驟簡單比較簡單,這里分享給大家，希望大家能夠喜歡。

1.安裝 node.js。

進入官網(wǎng)的下載地址：http://www.nodejs.org/download/ 。選擇Windows Installer或者選擇Windows Installer (.msi) 32-bit，下載安裝包。下載完成后，雙擊安裝。

2.安裝 Express。

通過nmp包管理器進行安裝，安裝分為：全局安裝：自動安裝到“C:\Users\[當(dāng)前用戶]\AppData\Roaming\npm”下，并且自動將路徑添加到環(huán)境變量“Path”中。本地安裝：安裝到當(dāng)前目錄下，不會將路徑添加到環(huán)境變量“Paht”中。為了方便使用并且能在命令行中的任意路徑下運行“express”命令，首選全局安裝。 OK！現(xiàn)在就在命令行中輸入“npm install -g express”。注："-g"就是全局安裝選項，沒有這個就是本地安裝。

3.創(chuàng)建 Express項目。

4.打開package.json ，編輯模板引擎

"jade": ">= 0.0.1" 改成 "ejs": ">= 0.6.0"

保存后，切換到cmd執(zhí)行

npm installl

檢查當(dāng)前目錄下的package.json，自動安裝需要的擴展。

站點目錄下多了 node_modules，這個目錄就是擴展庫文件。

express本來自帶的jade模板引擎?zhèn)€人不太喜歡，所以使用ejs模板，語法和jsp一樣。

node app.js

打開瀏覽器 http://127.0.0.1:3000/就可以訪問了。

下面我們來看創(chuàng)建一個工程

現(xiàn)在已經(jīng)有express

express命令安裝在全局才起作用!

所以express安裝的時候要用 npm install express -g

或者直接修改全局路徑:

npm config set prefix "C:\Program Files\nodejs"

npm config set cache "C:\Program Files\nodejs\cache" (先建好cache目錄)

鍵入:express myapp (myapp是隨意起的工程名稱)

你會發(fā)現(xiàn)多了一個 C:\Program Files\nodejs\myapp 目錄

默認(rèn)情況下：里會自動創(chuàng)建

這幾個文件，不做解釋，相信有過開發(fā)經(jīng)驗的同學(xué)都能一眼明了。

復(fù)制node_modules到myapp下面

環(huán)境搭建到此完工，下面做一個demo測試！

在myapp下新建helloworld.js

var http = require("http");
http.createServer(function(request, response) { 
  response.writeHead(200, {"Content-Type": "text/plain"}); 
  response.write("Hello World"); 
  response.end();
}).listen(8888);
console.log("nodejs start listen 8888 port!");

進入node.js command prompt 命令窗口,進入C:\Program Files\nodejs\myapp目錄

鍵入node helloworld.js