為什么要寫(xiě)這篇文章，因?yàn)楝F(xiàn)在Node.js這幾年確實(shí)越來(lái)越火，這個(gè)看看github 上面的代碼數(shù)量，不用我在多說(shuō)。node.js的性能也是相當(dāng)不錯(cuò)，配合上express類(lèi)庫(kù)以及Vue.js 對(duì)于前端工程師的我們確實(shí)是把利器。在以前的老本家愛(ài)立信公司，聯(lián)動(dòng)優(yōu)勢(shì)以及現(xiàn)在開(kāi)發(fā)的“萌店”都使用了這種技術(shù)，個(gè)人覺(jué)得這方面也算有點(diǎn)心得體會(huì)。

---

接下來(lái)就分幾步概述一下，一個(gè)Node工程的起始搭建

安裝node.js

第一步：去node.js官網(wǎng)下載，官網(wǎng)地址http://www.nodejs.org/download/

第二步：選擇你電腦位數(shù)和品牌對(duì)應(yīng)的版本

第三步：開(kāi)始安裝node
點(diǎn)擊下載的文件
開(kāi)始安裝……………..安裝完畢后…….

第四步：開(kāi)始輸入命令，安裝數(shù)據(jù)庫(kù)

雖然不知道你裝在那個(gè)位置，但是現(xiàn)在你要聽(tīng)我的，使用命令行進(jìn)入到安裝的目錄下，依次輸入命令：

1-鍵入命令：npm install express 回車(chē)等待安裝express........

2-鍵入命令：npm install jade 回車(chē)等待安裝jade........

3-鍵入命令：npm install mysql回車(chē)等待安裝mysql........

好了，不說(shuō)了，你的node.js已經(jīng)安裝成功了，接下來(lái)就是搭建Node工程這個(gè)大頭了，來(lái)來(lái)啦…..rang 我們一起 去搭建node工程。

第五步：node工程初始化

你已經(jīng)安裝了 Node.js，接下來(lái)為你的應(yīng)用創(chuàng)建一個(gè)目錄，然后進(jìn)入此目錄并將其作為當(dāng)前工作目錄。 $ mkdir myapp$ cd myapp

通過(guò) npm init 命令為你的應(yīng)用創(chuàng)建一個(gè) package.json 文件。 欲了解 package.json 是如何起作用的，請(qǐng)參考 Specifics of npm’s package.json handling。

$ npm initentry point: (index.js)

鍵入 app.js 或者你所希望的名稱(chēng)，這是當(dāng)前應(yīng)用的入口文件。如果你希望采用默認(rèn)的 index.js 文件名，只需按“回車(chē)”鍵即可。

第六步：開(kāi)始安裝Express類(lèi)庫(kù)

接下來(lái)安裝 Express 并將其保存到依賴(lài)列表中：

$ npm install express --save

如果只是臨時(shí)安裝 Express，不想將它添加到依賴(lài)列表中，只需略去 –save 參數(shù)即可：

$ npm install express

安裝 Node 模塊時(shí)，如果指定了 –save 參數(shù)，那么此模塊將被添加到 package.json 文件中 dependencies 依賴(lài)列表中。 然后通過(guò) npm install 命令即可自動(dòng)安裝依賴(lài)列表中所列出的所有模塊。

---

到這里基本上庫(kù)已經(jīng)安裝完了，接下來(lái)，就是要驗(yàn)證是不是真的可以，牛逼不是吹的，來(lái)咱們上一個(gè)實(shí)例。

---

Hello world 實(shí)例

接下來(lái)，我們一起創(chuàng)建一個(gè)基本的 Express 應(yīng)用。
注意：這里所創(chuàng)建是一個(gè)最最簡(jiǎn)單的 Express 應(yīng)用，并且僅僅只有一個(gè)文件 — 和通過(guò) Express 應(yīng)用生成器 所創(chuàng)建的應(yīng)用完全不一樣，Express 應(yīng)用生成器所創(chuàng)建的應(yīng)用框架包含多個(gè) JavaScript 文件、Jade 模板和針對(duì)不同用途的子目錄。來(lái)來(lái)，小伙伴看著這里，見(jiàn)證奇跡的時(shí)刻到了。來(lái)了………………..

第一步：創(chuàng)建文件復(fù)制代碼：

進(jìn)入 myapp 目錄，創(chuàng)建一個(gè)名為 index.js 的文件，然后將下列代碼復(fù)制進(jìn)去：

var express = require('express');var app = express();app.get('/', function (req, res) {res.send('Hello World!');});var server = app.listen(3000, function () {var host = server.address().address;var port = server.address().port;console.log('Example app listening at http://%s:%s', host, port);});

上面的代碼啟動(dòng)一個(gè)服務(wù)并監(jiān)聽(tīng)從 3000 端口進(jìn)入的所有連接請(qǐng)求。他將對(duì)所有 (/) URL 或 路由 返回 “Hello World!” 字符串。對(duì)于其他所有路徑全部返回404 Not Found。

第二步：輸入命令

進(jìn)入到node工程的根目錄輸入：

$ node index.js

瀏覽器顯示結(jié)果： Hello World!

第三步：瀏覽器查看結(jié)果

這個(gè)時(shí)候就可以在瀏覽器中打開(kāi) http://localhost:3000/ 并查看輸出結(jié)果。

---

Express 應(yīng)用生成器

通過(guò)應(yīng)用生成器工具 express 可以快速創(chuàng)建一個(gè)應(yīng)用的骨架。

第一步：輸入命令行：

通過(guò)命令安裝：

$ npm install express-generator -g

第二步：輸入命令行：

-e 選項(xiàng)可以選擇渲染的模板是EJS：

$ express -e

第三步：輸入命令行：

然后安裝所有依賴(lài)包：

$ npm install

第四步：輸入命令行：

Windows 平臺(tái)使用如下命令：

> set DEBUG=myapp & npm start

接下來(lái)你就可以在瀏覽器中打開(kāi) http://localhost:3000/ 網(wǎng)址就可以看到這個(gè)應(yīng)用了。
通過(guò) Express 應(yīng)用生成器創(chuàng)建的應(yīng)用一般都有如下目錄結(jié)構(gòu)：

. ├── app.js ├── bin │ └── www ├── package.json ├── public │ ├── images │ ├── javascripts │ └── stylesheets │ └── style.css ├── routes │ ├── index.js │ └── users.js └── views├── error.jade├── index.jade└── layout.jade

---

^-^ 哈哈哈，看到這里就證明你的“大功”告成了，是不是有種莫名的沖動(dòng)。

通過(guò) Express 應(yīng)用生長(zhǎng)期創(chuàng)建應(yīng)用只是眾多方法中的一種。還有很多，很多辦法，這里就不多說(shuō)啦，這里這只是自己熟悉的做法。

參考文獻(xiàn)：

http://www.express.com/
https://nodejs.org/en/

總結(jié)

以上是生活随笔為你收集整理的如何搭建一个node 工程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。