Express

介紹

Express 是一個(gè)保持最小規(guī)模的靈活的 Node.js Web 應(yīng)用程序開發(fā)框架,為 Web 和移動(dòng)應(yīng)用程序提供一些強(qiáng)大的功能。

安裝

首先假定你已經(jīng)安裝了 Node.js,接下來為你的應(yīng)用創(chuàng)建一個(gè)目錄,然后進(jìn)入此目錄并將其作為當(dāng)前工作目錄。

mkdir myapp
cd myapp

通過 npm init 命令為你的應(yīng)用創(chuàng)建一個(gè) package.json 文件。

npm init -y

接下來在 myapp 目錄下安裝 Express 并將其保存到依賴列表中。如下:

npm install express --save

如果只是臨時(shí)安裝 Express,不想將它添加到依賴列表中,可執(zhí)行如下命令:

npm install express --no-save

啟用服務(wù)器

創(chuàng)建一個(gè) app.js 或者你所希望的名稱,這是當(dāng)前應(yīng)用的入口文件。

touch app.js

然后在app.js文件中復(fù)制下面這一段代碼

const express = require('express')
const app = express()

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(3000, () => console.log('Example app listening on port 3000!'))

再使用node運(yùn)行app.js, 就可以啟動(dòng)服務(wù)器,并在端口3000上偵聽連接。該應(yīng)用會(huì)以“ Hello World!”響應(yīng),以請(qǐng)求根URL(/)或route。對(duì)于其他所有路徑,它將以404 Not Found響應(yīng)。

Express 生成器

通過應(yīng)用生成器工具 express-generator 可以快速創(chuàng)建一個(gè)應(yīng)用的骨架。 express-generator 包含了 express 命令行工具。通過如下命令即可安裝: 如果不是自己的電腦, 就不要添加-g全局安裝

npm install express-generator -g

-h 參數(shù)可以列出所有可用的命令行參數(shù):

$ express -h

  Usage: express [options] [dir]

  Options:

    -h, --help          輸出使用方法
        --version       輸出版本號(hào)
    -e, --ejs           添加對(duì) ejs 模板引擎的支持
        --hbs           添加對(duì) handlebars 模板引擎的支持
        --pug           添加對(duì) pug 模板引擎的支持
    -H, --hogan         添加對(duì) hogan.js 模板引擎的支持
        --no-view       創(chuàng)建不帶視圖引擎的項(xiàng)目
    -v, --view <engine> 添加對(duì)視圖引擎(view) <engine> 的支持 (ejs|hbs|hjs|jade|pug|twig|vash) (默認(rèn)是 jade 模板引擎)
    -c, --css <engine>  添加樣式表引擎 <engine> 的支持 (less|stylus|compass|sass) (默認(rèn)是普通的 css 文件)
        --git           添加 .gitignore
    -f, --force         強(qiáng)制在非空目錄下創(chuàng)建

我們可以選擇上面的參數(shù)創(chuàng)建項(xiàng)目

express . -f -e  // 在當(dāng)前目錄下強(qiáng)制創(chuàng)建, 使用eje模板

之后需要進(jìn)入到目錄內(nèi)(如果不在)cd myapp, 安裝依賴

npm install

安裝完依賴以后, 就可以開啟動(dòng)項(xiàng)目

npm start

如果是這樣,就表示啟動(dòng)成功

image.png

我們?cè)跒g覽器中輸入 localhost:3000 ,得到如下界面

image.png

如此我們就搭建好了自己的一個(gè)網(wǎng)站

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容