一、Nodejs安裝

1.在nodejs.org下載nodejs并安裝。

2.在cmd里面運行 npm config set registry https://registry.npmmirror.com （把npm包的下載路徑設(shè)置為國內(nèi)的淘寶鏡像）

二、Express安裝配置

1. 在cmd里面運行 npm config set registry https://registry.npmmirror.com （把npm包的下載路徑設(shè)置為國內(nèi)的淘寶鏡像）

1. 接著運行npm install -g express-generator

第一步：在win10中找到powershell

第二步：以管理員身份運行PowerShell

第三步：輸入set-ExecutionPolicy RemoteSigned

第四步：選A

ok，問題解決

三、Express項目創(chuàng)建

1.進入你想放項目的文件夾（例如）：

cd D:\計算機教師\File\Nodejs

或者通過vscode打開終端

2.創(chuàng)建一個項目：

運行：express myapp

3.進入目錄：

【打開終端】

運行npm i

4.啟動項目：

運行：npm start

5.打開瀏覽器訪問：

http://localhost:3000

會看到 Express 自帶的歡迎頁面 ?

四、項目結(jié)構(gòu)講解

生成后的目錄大致如下：

myapp/

│

├─ app.js              ← 入口文件，項目核心邏輯（重點講）

├─ bin/

│   └─ www             ← 啟動文件（運行服務器）

├─ package.json        ← 項目信息與依賴記錄

│

├─ public/             ← 靜態(tài)資源目錄（HTML、CSS、JS、圖片）

│   ├─ images/

│   ├─ javascripts/

│   └─ stylesheets/

│

├─ routes/             ← 路由目錄（定義訪問路徑）

│   ├─ index.js        ← 首頁路由

│   └─ users.js        ← 用戶路由

│

├─ views/              ← 視圖目錄（頁面模板）

│   ├─ error.jade

│   ├─ index.jade

│   └─ layout.jade

五、核心文件講解

?? 1. bin/www（服務器啟動文件）

#!/usr/bin/env node
// 導入 app.js
var app = require('../app');
var http = require('http');
// 設(shè)置端口
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
// 創(chuàng)建 HTTP 服務器
var server = http.createServer(app);
// 監(jiān)聽端口
server.listen(port);
console.log('服務器已啟動：http://localhost:' + port);

講解：

• 這是項目真正的“入口”，通過 require('../app') 加載主應用。
• Express 生成器把服務器啟動與業(yè)務邏輯分開，方便管理。
• 默認監(jiān)聽 3000 端口。

?? 2. app.js（核心應用邏輯文件）

// 1. 引入模塊
var express = require('express'); // 導入 express 框架
var path = require('path'); // 處理路徑
var cookieParser = require('cookie-parser'); // 解析 cookie
var logger = require('morgan'); // 日志工具
// 2. 引入路由文件
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
// 3. 創(chuàng)建 express 應用對象
var app = express();
// 4. 設(shè)置模板引擎
app.set('views', path.join(__dirname, 'views')); // 模板目錄
app.set('view engine', 'jade'); // 模板引擎（默認 jade，可改 ejs/pug）
// 5. 使用中間件（Middleware）
app.use(logger('dev')); // 打印請求日志
app.use(express.json()); // 解析 JSON 請求體
app.use(express.urlencoded({ extended: false })); // 解析表單數(shù)據(jù)
app.use(cookieParser()); // 處理 Cookie
app.use(express.static(path.join(__dirname, 'public'))); // 提供靜態(tài)資源訪問
// 6. 路由綁定
app.use('/', indexRouter); // 首頁路由
app.use('/users', usersRouter); // 用戶路由
// 7. 404 錯誤處理
app.use(function(req, res, next) {
  res.status(404).send('頁面未找到！');
});
// 8. 導出 app 對象供 www 調(diào)用
module.exports = app;

講解要點：

• express() 創(chuàng)建服務器實例。
• .use() 表示“注冊中間件”，每個中間件處理請求的一部分。
• .set('view engine', 'jade') 設(shè)置模板語言。
• .use('/', indexRouter) 表示訪問 / 時調(diào)用 routes/index.js 文件。
• 最后 module.exports = app; 是導出給 www 啟動文件用的。

?? 3. routes/index.js（首頁路由）

var express = require('express');
var router = express.Router();
// GET / 首頁路由
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express 首頁' });
});
// 導出路由
module.exports = router;

講解：

• router.get() 表示訪問 / 路徑時執(zhí)行。
• res.render('index', {...}) 會渲染 views/index.jade 模板。
• 模板中會使用 { title: 'Express 首頁' } 這個變量。

?? 4. views/index.jade（模板文件）

extends layout
block content
  h1= title
  p 歡迎來到 #{title}

Jade 模板是一種簡化版 HTML（縮進代表層級）。

你可以把它改成 ejs 或 pug，也可以輸出普通 HTML。

?? 5. public/（靜態(tài)資源目錄）

• public/stylesheets/style.css：樣式文件
• public/javascripts/：放前端 JS
• public/images/：放圖片

訪問示例：

http://localhost:3000/stylesheets/style.css

總結(jié)

到此這篇關(guān)于Nodejs中Express安裝配置以及使用教程的文章就介紹到這了,更多相關(guān)Nodejs Express安裝配置及使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論