Node.js新手教程：从零开始学习服务器端JavaScript

徐伟

2025-06-25 12:04

阅读 463

一、开篇：Node.js 是什么？能做什么？

你可能已经听说过 JavaScript，它是我们每天在浏览器里看到的网页动效、弹窗、按钮交互背后的语言。但你知道吗？JavaScript 其实不仅可以用来做网页前端，还可以用来写“服务器程序（后台）”。

那什么是服务器呢？简单来说，你的网页就像是一辆车子，而服务器就是这辆车的引擎，负责运行逻辑、存储数据、跟数据库打交道等工作。

Node.js 就是一个可以让你用 JavaScript 来写服务器端代码的技术！

Node.js 的优点：

前后端统一语言：你只要学会一门语言（JavaScript），就可以同时搞定前端和后端。
速度快、性能好：Node.js 采用异步非阻塞的方式处理请求，非常高效。
社区强大：有很多现成的模块，可以直接使用，快速开发项目。
适合实时应用：比如聊天室、实时通知等。

🎯 一句话总结：
Node.js = JavaScript + 服务器编程

二、环境准备：安装 Node.js 和基本开发工具

我们先来搭建一个最基本的开发环境。别担心，这个过程其实很简单！

1. 下载安装 Node.js

访问 Node.js官网：

推荐下载 LTS 版本（长期支持版本）
点击 “Download” 按钮，根据系统选择合适的安装包
安装时一直点“下一步”即可，不需要额外设置

安装完成后，在终端（或命令行）输入以下命令查看是否安装成功：

node -v
npm -v

如果看到类似下面这样的输出，说明安装成功了：

v20.12.0
10.5.0

✅ 注意：npm 是 Node.js 的包管理器，类似于“App Store”，后面我们会讲到它的用法。

2. 安装编辑器：推荐 VS Code

我们推荐使用 Visual Studio Code (VS Code)，它是免费且功能强大的代码编辑器。

🔗 下载地址：https://code.visualstudio.com/

安装完毕后打开它，我们就准备好开始写代码啦！

三、核心概念：通俗讲解 Node.js 的关键知识点

现在我们已经安装好了 Node.js，接下来我们通过一些简单的例子，来了解几个重要的概念。

1. Hello World 示例：第一个 Node.js 程序

新建一个文件夹，例如叫 my-node-app
在里面新建一个文件：app.js

写入如下代码：

console.log("Hello, Node.js!");

然后在终端中进入该目录，执行：

node app.js

你将看到控制台输出：

Hello, Node.js!

🎉 成功！这是你的第一个 Node.js 程序！

2. 模块化编程：require 与 exports

在 Node.js 中，每个文件都是一个模块。你可以把不同的功能封装起来，方便复用。

举个例子：

math.js 文件内容：

function add(a, b) {
    return a + b;
}

exports.add = add;

app.js 文件内容：

const math = require('./math');
console.log(math.add(3, 5)); // 输出 8

这就是模块化的基础操作：一个模块导出函数，另一个模块导入使用。

3. 异步编程简介：为什么重要？

Node.js 的一大特色就是“异步非阻塞”。我们可以用一个生活例子来理解它：

同步：你去食堂排队点菜，必须等前面的人都点了你才能点，很慢。
异步：你用微信点餐后去做别的事，饭做好了再来取，效率高！

我们来看一个读文件的例子：

const fs = require('fs');

fs.readFile('hello.txt', 'utf-8', function(err, data) {
    if (err) throw err;
    console.log(data); // 显示文件内容
});

这里用了一个“回调函数”（即第三个参数），当文件读取完成后自动调用这个函数输出结果。

4. Express.js：轻松创建 Web 服务器

Express 是 Node.js 最流行的框架之一，它可以帮我们快速构建网站服务。

步骤一：安装 Express

在项目根目录运行：

npm init -y
npm install express

步骤二：创建服务器

新建一个文件：server.js，内容如下：

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

app.get('/', function(req, res) {
    res.send('欢迎来到我的网站！');
});

app.listen(3000, function() {
    console.log('服务器正在运行在 http://localhost:3000');
});

运行这个服务器：

node server.js

打开浏览器访问：http://localhost:3000

你应该看到网页显示：“欢迎来到我的网站！”

5. npm 常用操作指南

npm 是 Node.js 的官方包管理工具，你可以通过它安装插件、模块等。

常见命令如下：

命令	用途
`npm init -y`	快速初始化项目配置
`npm install express`	安装 express 模块
`npm start`	运行项目（需在 package.json 配置 scripts）
`npm uninstall express`	卸载模块
`npm update`	更新已安装模块

四、实战项目：创建一个留言版网站

为了帮你更好地掌握知识，我们来做一个简单的项目 —— 留言板网站！

功能描述：

用户可以发送留言
留言会保存在内存中（后续可以升级为数据库）

第一步：创建项目结构

新建文件夹：message-board，进入并初始化：

mkdir message-board
cd message-board
npm init -y
npm install express body-parser

创建两个文件：

index.html（网页界面）
server.js（服务器逻辑）

第二步：编写 HTML 页面（index.html）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言板</title>
</head>
<body>
    <h1>欢迎来到留言板</h1>
    <form action="/send" method="POST">
        <input type="text" name="message" placeholder="输入留言" required />
        <button type="submit">提交</button>
    </form>

    <ul id="messages"></ul>

    <script>
        fetch('/get')
            .then(res => res.json())
            .then(messages => {
                const ul = document.getElementById('messages');
                messages.forEach(msg => {
                    const li = document.createElement('li');
                    li.textContent = msg;
                    ul.appendChild(li);
                });
            });
    </script>
</body>
</html>

第三步：编写服务器代码（server.js）

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

let messages = [];

app.use(bodyParser.urlencoded({ extended: false }));
app.use(express.static(__dirname)); // 提供静态文件

app.post('/send', (req, res) => {
    const msg = req.body.message;
    messages.push(msg);
    res.redirect('/');
});

app.get('/get', (req, res) => {
    res.json(messages);
});

app.listen(3000, () => {
    console.log('留言板服务器运行在 http://localhost:3000');
});

第四步：启动项目

node server.js

打开浏览器访问：http://localhost:3000
你就能看到你的留言页面，并且可以提交留言！

👏恭喜你完成了你的第一个 Node.js 项目！

五、常见问题解答（FAQ）

Q1：安装完 Node.js 后报错怎么办？

A1：尝试重新安装或者更新系统权限。也可以搜索错误信息在 Google 或 Stack Overflow 查找解决方案。

Q2：Node.js 适合哪些类型的项目？

A2：适合需要高性能、非阻塞I/O的应用，如聊天应用、实时数据分析、API服务等。

Q3：我学了 HTML/CSS/JS，还要学 Node.js 吗？

A3：如果你希望成为全栈开发者，Node.js 是必学内容之一，因为它可以让前端工程师更轻松地写后端代码。

Q4：Node.js 学习路线是怎样的？

A4：建议从 JS 基础 → Node.js 基础 → Express → MongoDB 数据库 → 项目实战。

Q5：Node.js 跟浏览器里的 JS 有什么不同？

A5：浏览器的 JS 只能在前端运行；Node.js 是在服务器上运行，有访问文件系统、网络通信等功能。

六、学习建议：下一步如何提升技能？

前端性能优化图表-1

掌握了 Node.js 基础之后，你可以继续深入以下几个方向：

📚 继续学习路径建议：

学习数据库连接：学习使用 MongoDB 或 MySQL 等数据库
使用模板引擎：如 EJS、Pug，用于生成动态 HTML 页面
身份认证（登录注册）：JWT、Passport.js
部署上线：学习使用 Heroku、Vercel 或自己买服务器部署
进阶异步编程：Promise、async/await、错误处理机制
项目实战：开发博客、商城、管理系统等完整项目

总结

Node.js 是一门非常适合初学者入门的服务端技术，它结合了 JavaScript 的易学性和高性能特性，让你能够从零开始打造真正的Web应用。

在这篇教程中，我们学会了：

如何安装 Node.js 和 Express
使用 Node.js 编写简单脚本和 Web 服务器
制作一个完整的留言板小项目
解决新手常见问题
未来的学习方向建议

只要你坚持练习，相信你很快也能写出属于自己的网站！

📚 课后作业：试着修改留言板功能，让它支持用户名字+留言内容一起展示吧！

如有任何疑问，欢迎留言交流 😊

标签:运营综合项目React

最热最新

暂无评论

为你推荐

暂无相关推荐