快捷導(dǎo)航

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

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

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

1.安裝 node.js。

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

2.安裝 Express。

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

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

4.打開(kāi)package.json ，編輯模板引擎

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

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

npm installl

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

站點(diǎn)目錄下多了 node_modules，這個(gè)目錄就是擴(kuò)展庫(kù)文件。

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

node app.js

打開(kāi)瀏覽器 http://127.0.0.1:3000/就可以訪問(wèn)了。

下面我們來(lái)看創(chuàng)建一個(gè)工程

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

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

所以express安裝的時(shí)候要用 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是隨意起的工程名稱)

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

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

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

復(fù)制node_modules到myapp下面

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

在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!");

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

鍵入node helloworld.js