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

CSS摆烂王
2025-06-27 14:34
阅读 754

开篇:Node.js是什么?它能做什么?

开篇:Node.js是什么?它能做什么?

你可能已经听说过“前端开发”这个词,它是用来制作网页的视觉界面和用户交互的部分。而今天我们讲的是Node.js,它是一个让你可以用JavaScript来写“后端代码”的工具。

简单来说:

  • 前端(浏览器端)——你看到的按钮、页面样式、动画效果,这些是由HTML、CSS、JavaScript组成的。
  • 后端(服务器端)——比如登录验证、保存数据、访问数据库,这些都由服务器上的程序完成。

Node.js 就是让 JavaScript 不仅能在浏览器里运行,还能在电脑或服务器上运行的工具。我们可以用它来创建网站、处理文件、连接数据库、发送邮件等等!


环境准备:搭建你的Node.js开发环境

环境准备:搭建你的Node.js开发环境

前端开发工具界面-2

要开始使用 Node.js,我们首先要准备好开发环境。别担心,这不会太难。

步骤1:安装Node.js

前往官网 https://nodejs.org/ 下载并安装最新版(建议选择 LTS版本,更加稳定)。

安装完成后,在命令行中输入以下命令来确认是否安装成功:

node -v

如果出现类似这样的输出(版本号可能会不一样):

v20.14.0

说明Node.js已经安装好了!

接着再检查一下npm有没有安装好(npm 是 Node.js 的包管理器):

npm -v

看到版本号就表示一切OK啦!

步骤2:安装代码编辑器(推荐 VS Code)

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

安装后打开VS Code,你可以用来写JavaScript代码,并且运行Node.js脚本。


核心概念:你需要知道的基本术语与知识

核心概念:你需要知道的基本术语与知识

这一部分,我们来用最简单的语言解释几个关键概念:

1. JavaScript + Node.js = 前后端通吃!

以前JavaScript只能跑在浏览器里,现在有了Node.js,它可以在电脑本地执行!你可以把Node.js看作是一个“运行JavaScript的发动机”。

2. 控制台输出:console.log()

这个你应该在学前端的时候已经见过。它可以把信息打印到控制台(就是你打开终端的地方)。

例如:

console.log("你好,这是我的第一个Node.js程序!");

运行方式: 在项目目录下新建一个文件 hello.js,然后运行:

node hello.js

你会在终端看到:

你好,这是我的第一个Node.js程序!

3. 模块化编程:什么是模块?

Node.js 鼓励“模块化编程”,也就是将不同的功能拆分出来,单独放到不同的文件中,然后通过 require()import 引入使用。

例如:

// math.js
function add(a, b) {
    return a + b;
}

module.exports = add;
// main.js
const add = require('./math');

console.log(add(2, 3)); // 输出 5

运行方式:

node main.js

这样我们就把加法功能封装成了一个模块!

4. 内置模块介绍

Node.js 自带了一些很有用的功能模块,比如:

  • fs 文件系统操作
  • path 路径拼接
  • http 创建Web服务器
  • os 获取操作系统信息

我们先来看看怎么用fs读取文件内容:

const fs = require('fs');

fs.readFile('hello.txt', 'utf8', function(err, data) {
    if (err) throw err;
    console.log(data);
});

只要当前目录有一个叫 hello.txt 的文件,就能显示里面的内容了!

⚠️ 提示:回调函数中的错误处理很重要哦,不要省略!


实战项目:从零搭建一个Hello World服务器

CSS动画效果展示-1

现在我们一起来做一个小项目,教你如何用Node.js创建一个最简单的网页服务器。

第一步:创建项目文件夹

新建一个文件夹叫 myserver,进入该文件夹:

mkdir myserver && cd myserver

然后新建一个文件 server.js

第二步:编写服务器代码

// server.js
const http = require('http');

const server = http.createServer(function(req, res) {
    // 设置响应头(告诉浏览器返回的内容是文本)
    res.writeHead(200, {'Content-Type': 'text/plain'});
    
    // 发送内容给浏览器
    res.end('Hello World!\n');
});

// 让服务器监听3000端口
server.listen(3000, function() {
    console.log('服务器正在运行,访问 http://localhost:3000/');
});

第三步:启动服务器

运行以下命令:

node server.js

你应该会看到终端输出:

服务器正在运行,访问 http://localhost:3000/

这时候打开浏览器,输入网址:

http://localhost:3000/

就能看到你的“Hello World!”页面啦!

🎉 恭喜你,第一个Node.js网页服务就这样跑起来了!


常见问题解答

作为初学者,下面这些问题你可能也会遇到:

Q1:为什么运行Node.js脚本时提示“找不到命令”?

A:请先检查是否正确安装Node.js。使用 node -vnpm -v 查看版本号。


Q2:我在VS Code中写的代码没有运行?

A:你要确保你在终端中手动运行了Node命令,比如:node 文件名.js


Q3:Node.js可以连接数据库吗?

A:当然可以!Node.js 支持很多数据库,比如 MySQL、MongoDB、PostgreSQL。我们后续会专门讲这一块。


Q4:我应该先学前端还是先学Node.js?

A:如果你是零基础,建议先学一点HTML+CSS+JavaScript基础,这样更容易理解Node.js的作用。前后端结合学习是最好的路径。


学习建议:下一步你该学什么?

掌握基础只是第一步,接下来你可以朝着以下几个方向继续深入学习:

✅ 推荐学习路线图:

  1. 学会使用 npm 安装第三方模块
    • 比如 Express.js(最常用的Node.js框架)
  2. 学习 Express 框架搭建动态网站
  3. 使用 EJS 或 Pug 编写HTML模板
  4. 连接数据库(MySQL / MongoDB)
  5. 学会用 RESTful API 构建接口
  6. 掌握异步处理(Promise、async/await)
  7. 学习 Node.js 中的模块系统(CommonJS vs ES Module)
  8. 了解项目打包部署(PM2、Docker等)

结语:勇敢迈出第一步

学习Node.js并不像很多人想象得那么难。只要你有耐心、愿意动手实践,就能很快掌握它的基本用法。

记住一句话:“最好的学习方法就是边学边做。”

希望这篇教程能帮助你顺利入门,开启属于你的全栈开发之旅!

如果你觉得这篇文章对你有帮助,欢迎收藏或转发给更多想学习Node.js的朋友 😊


祝你 coding 快乐,早日写出自己的服务器应用!

评论 0

最热最新
暂无评论
匿名用户Lv.1
0
影响力
0
文章
0
粉丝