1. 程式人生 > 其它 >1.使用Express建立Web專案服務端的詳細教程

1.使用Express建立Web專案服務端的詳細教程

自用傻瓜式教程(doge)

小知識:

【node】
    Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。
    Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
    Node.js 的包管理器 npm,是全球最大的開源庫生態系統。
【Express】
    是一個簡單靈活的node.js Web應用框架
    提供了各種特性和豐富的Http工具
    可以快速搭建一個完整功能的網站
【Express-generator】
    Express的應用生成器
    可以快速建立一個Express的應用骨架

一、安裝Node.js

1.進入Node.js官網下載並安裝

參考教程:https://www.html.cn/qa/node-js/10635.html

因為教程存在書寫過早的情況,建議安裝步驟參考此教程,在選擇node版本時使用官網推薦版本。

2.安裝完成後,檢視node版本號是否安裝成功;

npm是隨同node一起安裝的包管理工具,檢測npm是否安裝

3.安裝淘寶映象(各種模組倉庫在國外,下載很慢,npm下載地址改成淘寶映象後,安裝模組減少下載時間)

npm install -g cnpm --registry=https://registry.npm.taobao.org

我已經安裝過了,所以不展示執行過程。

二、安裝Express

express是node平臺下最常用的web應用開發框架

1.全域性安裝express

在命令提示符面板輸入 npm install -g express

我已經安裝過了,所以不展示執行過程。

2.全域性安裝express外掛模組

在命令提示符面板輸入 npm install -g express-generator

我已經安裝過了,所以不展示執行過程。

3.檢視express版本

三、建立專案

1. 在某個合適的空間新建一個專案資料夾 , 命名為Test

從命令提示符面板進入該資料夾

2.建立專案

express testServer

3.進入專案,安裝依賴,啟動專案

cd testServer

npm install

npm start,在瀏覽器輸入localhost:3000(預設監聽3000埠)

四、專案結構

bin:啟動檔案,以何種方式啟動檔案,預設為npm start

public:存放專案的靜態檔案,imagea/js/css等檔案

routes:專案路由資訊,控制地址路由

views:檢視檔案,模板檔案jade等,相當於html

app.js:入口檔案(主檔案)

package.json:依賴的模板列表