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

1 var http = require("http");
2 http.createServer(function(request, response) {  
3     response.writeHead(200, {"Content-Type": "text/plain"});  
4     response.write("Hello World");  
5     response.end();
6 }).listen(8888);
7 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)

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

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

(12)

1 app.use(function(err, req, res, next) {
2   // set locals, only providing error in development
3   res.locals.message = err.message;
4   res.locals.error = req.app.get('env') === 'development' ? err : {};
5 
6   // render the error page
7   res.status(err.status || 500);
8   res.render('error');
9 });

生產環境下的錯誤處理器，將錯誤信息渲染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 的基本使用及路由控制。