windows 下安裝nodejs及其配置環境

相信對於很多關注javascript發展的同學來說,nodejs已經不是一個陌生的詞眼。有關nodejs的相關資料網上已經鋪天蓋地。由於它的高並發特性，造就了其特殊的應用地位。

國內目前關注最高，維護最好的一個關於nodejs的網站應該是http://www.cnodejs.org/

這里不想談太多的nodejs的相關信息。只說一下，windows系統下簡單nodejs環境配置。

 

第一步：下載安裝文件

　　下載地址：http://nodejs.cn/download/

 

第二步：安裝nodejs

下載完成之后，雙擊 ，開始安裝nodejs，默認是安裝在C:\Program Files\nodejs下面

第三步：安裝相關環境

打開C:\Program Files\nodejs目錄你會發現里面自帶了npm,直接用npm安裝相環境既可

在菜單中找到node.js command prompt，進入node.js command prompt 命令窗口

進入nodejs 安裝目錄 C:\Program Files\nodejs，鍵入命令：cd C:\Program Files\nodejs 

現在開始安裝相關環境

鍵入命令：npm install express 回車等待安裝express........

鍵入命令：npm install jade 回車等待安裝jade........

鍵入命令：npm install mysql回車等待安裝mysql........

........安裝什么組件，取決於環境搭建需求

默認情況下上述組件都是安裝在C:\Program Files\nodejs\node_modules文件夾下 這也是nodejs相關組件的自動查找路徑

 

第四步：創建一個工程

 現在已經有express

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

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

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

 

到這里我遇到了一個問題：當我安裝express之后發現居然提示express不是內部或外部命令

解決方案：參考http://jingyan.baidu.com/article/922554468a3466851648f419.html

 

當我在C:\Program Files\nodejs鍵入express myapp創建卻失敗，

但是回到主目錄后卻可以創建成功，我也不太懂，姑且這樣先用着吧

 

創建成功后發現多了幾個文件

然后我們復制nodejs目錄下復制node_modules到myapp下面，環境搭建到此完工，下面做一個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!");

按快捷鍵Ctrl+R快速打開運行，進入到myapp目錄下，鍵入 node helloworld.js 即可

 打開地址http://127.0.0.1:8888/

發現輸出 :

Hello World

 

 

工程結構

 

　　

我們回頭看看生成的工程目錄里面都有什么，打開我們的 myapp文件夾，里面如圖所示：

app.js：啟動文件，或者說入口文件

package.json：存儲着工程的信息及模塊依賴，當在 dependencies 中添加依賴的模塊時，運行 npm install ，npm 會檢查當前目錄下的 package.json，並自動安裝所有指定的模塊

node_modules：存放 package.json 中安裝的模塊，當你在 package.json 添加依賴的模塊並安裝后，存放在這個文件夾下

public：存放 image、css、js 等文件

routes：存放路由文件

views：存放視圖文件或者說模版文件

bin：存放可執行文件

打開app.js,讓我們看看里面究竟有什么:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

這里我們通過require()加載了express、path 等模塊,以及 routes 文件夾下的index. js和 users.js 路由文件。 下面來講解每行代碼的含義。

(1) var app = express()：生成一個express實例 app。

(2)app.set('views', path.join(__dirname, 'views’))：設置 views 文件夾為存放視圖文件的目錄, 即存放模板文件的地方,__dirname 為全局變量,存儲當前正在執行的腳本所在的目錄。

(3)app.set('view engine', 'ejs’)：設置視圖模板引擎為 ejs。

(4)app.use(favicon(__dirname + '/public/favicon.ico’))：設置/public/favicon.ico為favicon圖標。

(5)app.use(logger('dev’))：加載日志中間件。

(6)app.use(bodyParser.json())：加載解析json的中間件。

(7)app.use(bodyParser.urlencoded({ extended: false }))：加載解析urlencoded請求體的中間件。

(8)app.use(cookieParser())：加載解析cookie的中間件。

(9)app.use(express.static(path.join(__dirname, 'public')))：設置public文件夾為存放靜態文件的目錄。

(10)app.use('/', routes);和app.use('/users', users)：路由控制器。

(11)

app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

捕獲404錯誤，並轉發到錯誤處理器。

(12)

app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

生產環境下的錯誤處理器，將錯誤信息渲染error模版並顯示到瀏覽器中。

(13)module.exports = app ：導出app實例供其他模塊調用。

 

我們再看 bin/www 文件：

#!/usr/bin/env node var debug = require('debug')('blog'); var app = require('../app'); app.set('port', process.env.PORT || 3000); var server = app.listen(app.get('port'), function() { debug('Express server listening on port ' + server.address().port); }); 

(1)#!/usr/bin/env node：表明是 node 可執行文件。

(2)var debug = require('debug')('blog’)：引入debug模塊，打印調試日志。

(3)var app = require('../app’)：引入我們上面導出的app實例。

(4)app.set('port', process.env.PORT || 3000)：設置端口號。

(5)

var server = app.listen(app.get('port'), function() { debug('Express server listening on port ' + server.address().port); }); 

啟動工程並監聽3000端口，成功后打印 Express server listening on port 3000。

我們再看 routes/index.js 文件：

var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res) { res.render('index', { title: 'Express' }); }); module.exports = router; 

生成一個路由實例用來捕獲訪問主頁的GET請求，導出這個路由並在app.js中通過app.use('/', routes); 加載。這樣，當訪問主頁時，就會調用res.render('index', { title: 'Express' });渲染views/index.ejs模版並顯示到瀏覽器中。

我們再看看 views/index.ejs 文件：

<!DOCTYPE html> <html> <head> <title><%= title %></title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body> <h1><%= title %></h1> <p>Welcome to <%= title %></p> </body> </html> 

在渲染模板時我們傳入了一個變量 title 值為 express 字符串，模板引擎會將所有 <%= title %> 替換為 express ，然后將渲染后生成的html顯示到瀏覽器中，如上圖所示。

在這一小節我們學習了如何創建一個工程並啟動它，了解了工程的大體結構和運作流程，下一小節我們將學習 express 的基本使用及路由控制。