当前位置：首页 > news >正文

Windows安装Node.js+Express+Nodemon

news 来源：原创 2025/9/6 19:05:42

Windows安装Node.js+Express+Nodemon

陈拓 2025/4/3-2025/4/4

1. 概述

在《Node.js+Express+Nodemon+Socket.IO构建Web实时通信》

https://blog.csdn.net/chentuo2000/article/details/134651743?spm=1001.2014.3001.5502

一文中我们介绍了在Linux系统上的安装过程，本文我们在在Windows操作系统上安装Node.js、Express和Nodemon。

2. 安装Node.js

2.1 安装

打开你的浏览器，访问Node.js官网

https://nodejs.org/zh-cn

下载Node.js(LTS)

LTS（Long Term Support）版本是推荐的稳定版本，适合生产环境。

2025年4月3日，下载文件node-v22.14.0-x64.msi

安装Node.js

双击.msi安装文件运行安装程序。

按照安装向导的指示进行操作。你可以选择默认设置，或者根据需要自定义安装路径和组件。

完成安装

完成安装后，你可以在命令提示符（CMD）或PowerShell中输入node -v和npm -v来检查Node.js和npm（Node包管理器）是否正确安装。如果显示版本号，则表示安装成功。

2.2 测试

安装好node.js后可以进行以下操作进行进一步的测试。

2.2.1 以交互方式运行Javascript代码

在命令行输入node，再输入js命令：

2.2.2 以node *.js的方式运行js文件

E:\ct\nodejs

写一个Javascript脚本文件test.js

notepad test.js

var num1 = 10;
var num2 = 20;
console.log(num1 + num2);

运行test.js：

node test.js

2.3 Node.js建立web服务器

我们用Javascript写一个Web服务器程序，在node.js上运行，就启动了一个Web服务。

2.3.1 初始化package

凡是使用npm管理的项目，都需要初始化一个package.json文件。

可以使用以下命令来初始化一个包（package就是应用程序）：

npm init -y

当执行这个命令时，会生成一个npm的默认配置文件package.json。

这个默认配置文件package.json是可以更改的。

可以通过类似下面这样的形式来修改npm的默认配置：

npm config set init.author.name YOUR_NAME

npm config set init.author.email YOUR_EMAIL

当执行以上命令之后，之后再执行npm init命令时，package.json的作者姓名和邮箱都会初始化为我们设定的值。

也可以直接修改

notepad package.json

其中：

server.js是下面我们要创建的Web服务器文件。

scripts参数用于快捷启动。web-server就代表node server.js

2.3.2 写Web服务器server.js文件代码

const http = require('http');const hostname = 'localhost';
const port = 3000;const server = http.createServer((req, res) => {res.statusCode = 200;res.setHeader('Content-Type', 'text/plain');res.end('Hello World');
});server.listen(port, hostname, () => {console.log(`Server running at http://${hostname}:${port}/`);
});

在此代码示例中，我们创建了一个HTTP服务器，并在该服务器上监听3000端口。当服务器收到请求时，它将在浏览器中返回“Hello World”

2.3.3 启动服务器

node server.js

或者

npm run web-server

2.3.4 从浏览器访问服务器

3. 使用Express

Express官网：http://www.expressjs.com

Express是基于Node.js平台的快速、开放、极简的Web开发框架。

为什么要使用Express？

当我们创建服务器时，由Node.js提供的http内置模块使用复杂，开发效率低。

Express对node.js的http模块做了封装，通过Express可以使用更少的代码来实现Node.js的功能，可以极大提高开发效率。

3.1 安装Express

npm install express –-save

--save参数表示自动修改package.json文件，自动添加依赖项。

express安装到了node_modules目录下。

通常情况下，在使用 npm 或 yarn 等包管理工具安装非全局包时，默认会将这些包安装到项目根目录下的 node_modules 文件夹中。

3.2 使用express访问html静态页面

在上一节的例子中，对于浏览器的请求响应是写在server.js中的，对于复杂的网页我们写成html文件，下面用一个简单的例子演示。

在E:\ct\nodejs目录下面再创建目录public。

mkdir public

public目录通常被称为托管目录‌。在Node.js项目中，html、css、js、图片等静态资源都放在public目录下面。这些静态资源可以通过Express框架的express.static()中间件进行托管和访问‌

在目录public中创建一个页面index.html

notepad public/index.html

<html>
<p>Hello World!</p>
</html>

写服务器js文件

服务器的js文件还放在项目目录E:\ct\nodejs下面。

notepad server_express.js

写代码：

// server_express.js
const express = require('express');	
const path = require('path');
const app = express();app.use(express.static(path.join(__dirname, 'public')));const hostname = 'localhost';
const port = 3000;app.listen(port, hostname, () => {console.log(`Server running at http://${hostname}:${port}/`);
});

3.3 express相关代码说明

代码：

app.use(express.static(path.join(__dirname, 'public')));

说明：

在Windows系统中，我的index.html路径是E:\ct\nodejs\public\index.html，当客户端请求静态资源http://localhost:3000/时，app.use()先调用express.static(path.join(__dirname, 'public'))指定托管目录E:\ct\nodejs\public，再从目录中默认查找index.html，如果找到，返回该文件内容；否则返回 404。

1. __dirname

__dirname是Node.js的全局变量，表示当前执行脚本所在的路径。
例如，如果当前脚本位于E:\ct\nodejs\server.js，那么__dirname 的值将是 E:\ct\nodejs。

2. path.join(__dirname, 'public')

path.join() 是Node.js的path模块提供的方法，用于跨平台地拼接路径。
path.join(__dirname, 'public') 会生成一个绝对路径，例如 E:\ct\nodejs\public，Express将请求路径 / 映射到该目录。
在 Windows 系统中，生成的路径分隔符是反斜杠（\），但在URL中路径分隔符是正斜杠（/）。Express内部会自动处理这种差异，确保路径匹配正确。

3. express.static()

express.static()是Express框架内置的中间件，用于托管静态文件（如 HTML、CSS、JS、图片等）。
当客户端请求静态资源时，例如，当客户端请求 http://localhost:3000/ 时，express.static() 会尝试在 E:\ct\nodejs\public 目录中查找默认文件，通常是index.html，s例如E:\ct\nodejs\public\index.html。
如果找到匹配的文件，Express 会返回该文件的内容；如果没有找到匹配的文件，Express 会返回404错误。

4. app.use()

app.use()是Express提供的方法，用于注册中间件。
在这个例子中，app.use(express.static(path.join(__dirname, 'public')))注册了express.static中间件，使其能够处理所有请求。
可以用多个app.use()方法注册多个中间件，构成中间件执行链。
当客户端发起请求（如 http://localhost:3000/）时，Express会按照中间件的注册顺序依次调用已注册的中间件。
如果express.static中间件处理了请求并返回了文件内容，后续的中间件将不会被调用；如果express.static中间件没有找到匹配的文件，请求会继续传递给后续的中间件。

3.4 启动服务器

node server_express.js

从浏览器访问服务器：

4. 使用Nodemon

为什么要使用Nodemon？

在编写调试Node.js项目的时候，如果修改了项目的代码，需要手动结束node.js进程，停止服务，然后再重新启动，非常繁琐。

Nodemon基于Node.js开发，是一个监视文件变化并自动重启应用程序的工具，能够监听项目中文件的变动，当代码被修改后，nodemon会帮我们自动重启项目，极大方便了开发和调试。

4.1 安装Nodemon

npm install -g nodemon

-g表示全局范围安装。

-g：为 --global 的缩写，表示全局安装。全局安装指的是针对整个系统，而不是针对某一个项目，安装的包或者模块可以在系统中的任何地方引用。

4.2 使用Nodemon

4.2.1 监视运行中程序的改变

启动应用程序

nodemon server_express.js

这会启动你的应用程序，并监视相关文件的变化。

现在我们在修改server_express.js时就不用重新启动Node.js了。

例如，在打开一个命令窗口，用下面的命令修改server_express.js的代码：

notepad server_express.js

将端口设置：const port = 3000;

改为：const port = 4000;

在nodemon的运行窗口中可以看到server_express.js自动重启了：

4.2.2 更多的选项

指定监视文件的扩展名

nodemon --ext js,html,css app.js

通过--ext参数，你可以指定Nodemon监视的文件扩展名。

忽略特定文件或文件夹

nodemon --ignore public/ app.js

使用--ignore参数可以忽略指定的文件或文件夹。

监视子文件夹

nodemon --recursive app.js

通过--recursive参数，Nodemon可以监视子文件夹中的文件变化。

在控制台输出详细日志

nodemon --verbose app.js

使用--verbose参数可以打印出更多的日志信息。