Nodejs中Express安装配置以及使用教程图文详解

一、Nodejs安装

1.在nodejs.org下载nodejs并安装。

2.在cmd里面运行 npm config set registry https://registry.npmmirror.com （把npm包的下载路径设置为国内的淘宝镜像）

二、Express安装配置

1. 在cmd里面运行 npm config set registry https://registry.npmmirror.com （把npm包的下载路径设置为国内的淘宝镜像）

1. 接着运行npm install -g express-generator

第一步：在win10中找到powershell

第二步：以管理员身份运行PowerShell

第三步：输入set-ExecutionPolicy RemoteSigned

第四步：选A

ok，问题解决

三、Express项目创建

1.进入你想放项目的文件夹（例如）：

cd D:\计算机教师\File\Nodejs

或者通过vscode打开终端

2.创建一个项目：

运行：express myapp

3.进入目录：

【打开终端】

运行npm i

4.启动项目：

运行：npm start

5.打开浏览器访问：

http://localhost:3000

会看到 Express 自带的欢迎页面 ✅

四、项目结构讲解

生成后的目录大致如下：

myapp/

│

├─ app.js              ← 入口文件，项目核心逻辑（重点讲）

├─ bin/

│   └─ www             ← 启动文件（运行服务器）

├─ package.json        ← 项目信息与依赖记录

│

├─ public/             ← 静态资源目录（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');
// 设置端口
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
// 创建 HTTP 服务器
var server = http.createServer(app);
// 监听端口
server.listen(port);
console.log('服务器已启动：http://localhost:' + port);

讲解：

• 这是项目真正的“入口”，通过 require('../app') 加载主应用。
• Express 生成器把服务器启动与业务逻辑分开，方便管理。
• 默认监听 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. 创建 express 应用对象
var app = express();
// 4. 设置模板引擎
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 })); // 解析表单数据
app.use(cookieParser()); // 处理 Cookie
app.use(express.static(path.join(__dirname, 'public'))); // 提供静态资源访问
// 6. 路由绑定
app.use('/', indexRouter); // 首页路由
app.use('/users', usersRouter); // 用户路由
// 7. 404 错误处理
app.use(function(req, res, next) {
  res.status(404).send('页面未找到！');
});
// 8. 导出 app 对象供 www 调用
module.exports = app;

讲解要点：

• express() 创建服务器实例。
• .use() 表示“注册中间件”，每个中间件处理请求的一部分。
• .set('view engine', 'jade') 设置模板语言。
• .use('/', indexRouter) 表示访问 / 时调用 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() 表示访问 / 路径时执行。
• 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/（静态资源目录）

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

访问示例：

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

总结

到此这篇关于Nodejs中Express安装配置以及使用教程的文章就介绍到这了,更多相关Nodejs Express安装配置及使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

最新评论