開啟第一個Node.js的Express項目

標籤：1.4   creates   require   mon   style   執行個體   參數   依賴   jad   

手動建立一個Express.js的應用可大致分為以下步驟：

1.建立檔案夾

　　a. 建立一個項目根資料夾，如helloWord

　　b.在項目的根目錄下建立項目的目錄結構，依次建立{public，public/css,public/img,public/js,db,views,views/includes,routes}

　　可使用命令：

mkdir  {public，public/css,public/img,public/js,db,views,views/includes,routes}

2.NPM初始化和配置package.json

　　a.進入控制台，進入項目的根目錄

　　b.輸入命令：npm init ,然後輸入相關的一些參數，name,version,等可參考下面的package.json 檔案

　　c.使用命令：npm install [email protected] --save

 3.依賴聲明

由於express.js是約定優於配置，也可直接在package.json中輸入如下內容，然後運行npm install即可

{  "name": "helloworld",  "version": "0.0.1",  "description": "\"\"",  "main": "app.js",  "scripts": {    "start": "node app.js"  },  "author": "",  "license": "ISC",  "dependencies": {    "express": "4.1.2","jade":"1.3.1","mongoskin":"1.4.1","stylus":"0.44.0"  }}

4.app.js項目開機檔案配置

在根目錄下建立項目起始檔案app.js，開啟app.js並編輯

對於app.js的設定檔主要涉及以下幾個步驟：

　　　1）引入依賴，

//依賴引入var express = require(‘express‘);var http = require(‘http‘);var path = require(‘path‘);

　　　2）設定相關配置

//執行個體化Express.jsvar app = express();

//配置port、views、views engineapp.set(‘port‘,process.env.PORT || 3000);app.set(‘views‘,path.join(__dirname,‘views‘));//這裡的__dirname的底線是兩個英文底線app.set(‘view engine‘,‘jade‘);

　　　3）串連資料庫(可選)

　　　4)定義中介軟體

　　　5）定義路由

//定義路由app.all(‘/‘,function(req,res){res.render(‘index‘,{msg:‘Welcome to the practical Node.js!‘});});app.get(‘/about‘,function(req,res){res.end(‘about us‘);});

 　　　6）建立服務

//建立服務http.createServer(app).listen(app.get(‘port‘),function (){console.log(‘Express.js server listening on port ‘+app.get(‘port‘));});

開啟服務之前，需要先在views檔案夾中建立一個index.jade，代碼如下：

h1 hellop= msg

　　　7)開啟服務

　　　　在命令列輸入：node app.js並在瀏覽器中輸入http://localhost:3000/會得到：

在瀏覽器中輸入http://localhost:3000/about會得到：

 

5.結合jade

6.運行項目

開啟第一個Node.js的Express項目