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

萧秀英
2025-06-14 03:46
阅读 398

作者:前端讲师小李 | 入门级教程,适合完全零基础的学习者
字数:约2080字 | 图文结合 | 实战性强


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

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

你有没有想过,JavaScript不只是用来写网页特效的?Node.js 的出现,让 JavaScript 能够运行在电脑上(也就是“服务端”),不再依赖浏览器。

👉 通俗理解
Node.js 就像是一个“翻译器”,把我们写的 JavaScript 代码翻译成计算机可以听懂的指令。这样我们就可以用 JS 做后端开发、构建服务器、操作文件等等。

Node.js常见的用途包括:

  • 构建网站的后台服务器(比如聊天室、博客系统)
  • 创建命令行工具(CLI工具)
  • 搭建API接口
  • 自动化任务处理(比如图片压缩、自动部署)

接下来,我们就开始一步步学习如何搭建环境,并做一个简单的Node.js程序!


🧰 环境准备:安装Node.js和代码编辑器

🧰 环境准备:安装Node.js和代码编辑器

要运行Node.js程序,你需要安装两个东西:

步骤1:下载并安装Node.js

前往官网:https://nodejs.org

你会看到两个版本:

  • LTS版(推荐):稳定版本,适合初学者使用
  • Current版:最新特性,但可能不稳定

👉 双击下载好的安装包,一路点击“下一步”即可完成安装。

步骤2:检查是否安装成功

打开你的终端(Windows叫命令提示符 CMD 或 PowerShell,Mac/Linux可以用Terminal)输入以下命令:

node -v
npm -v

如果输出类似下面的内容,说明安装成功!

v18.16.0
9.5.1
  • node 是运行JS的命令
  • npm 是 Node.js 的包管理器,你可以把它想成是“软件商店”

步骤3:安装一个代码编辑器

推荐使用 Visual Studio Code(简称 VSCode)

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

安装完成后,打开它,我们就可以开始写代码啦!


📚 核心概念:这些词你要懂!

📚 核心概念:这些词你要懂!

学编程就像学做饭,得先认识锅碗瓢盆 😊

✅ 模块(Module)

模块就是一个“功能包”。例如我们要用到“读写文件”的功能,就会用到内置模块 fs

// 引入 fs 模块(file system 文件系统)
const fs = require('fs');

// 写入一个文件
fs.writeFileSync('hello.txt', 'Hello, Node.js!');

📌 运行方法:新建一个 .js 文件(如 demo.js),然后在终端运行:

node demo.js

会发现项目目录下多了一个 hello.txt 文件内容是 Hello, Node.js!


✅ Node.js中的“全局对象”与浏览器的区别

环境 全局对象名
浏览器中 window
Node.js 中 global

所以在Node中,console.log()其实是 global.console.log()


✅ 包(Package)和 npm

npm 是 Node.js 的“应用市场”。

比如你想安装一个时间格式化的库,可以使用以下命令:

npm install moment

然后就可以在代码中引入了:

const moment = require('moment');
console.log(moment().format('YYYY-MM-DD HH:mm:ss'));

✅ 异步编程(Async)

这是Node.js的核心特点之一。Node.js采用“异步非阻塞”的方式来处理请求,效率更高。

举个例子:读取一个大文件

const fs = require('fs');

// 同步读取(不推荐,卡界面)
const dataSync = fs.readFileSync('bigFile.txt');

// 异步读取(推荐)
fs.readFile('bigFile.txt', (err, data) => {
  if (err) throw err;
  console.log(data.toString());
});

🤔 新手疑问:为什么不能直接赋值给变量?

因为异步不会立刻返回结果,必须通过“回调函数”来获取数据。


🛠️ 实战项目:做一个简单的“Hello World”服务器

目标:创建一个服务器,当访问某个网址时显示 "Hello, Node.js!"。

第一步:新建项目文件夹

你可以创建一个名为 my-server 的文件夹,里面新建一个文件:server.js

第二步:写入以下代码

// 引入 http 模块
const http = require('http');

// 创建服务器
const server = http.createServer((req, res) => {
  // 当有人访问时,返回响应
  res.end("Hello, Node.js!");
});

// 设置监听的端口
server.listen(3000, () => {
  console.log("服务器已启动,请访问 http://localhost:3000");
});

第三步:运行服务器

在终端里进入你的项目文件夹:

cd my-server
node server.js

打开浏览器,访问:

http://localhost:3000

🎉 成功了吗?你已经做出了第一个Node.js服务器!


❓常见问题:新手常问的几个问题

问题 解答
安装Node失败怎么办? 请确认下载的是官方安装包;尝试更换网络或使用管理员权限安装
Node.js 和 JavaScript 有什么区别? Node.js 是 JavaScript 的“运行环境”,相当于一个虚拟的浏览器
为什么要用异步? 因为Node.js追求高性能,避免等待影响其他请求
什么时候该用同步? 初学者可以少用同步,除非某些特定场景
如何调试Node.js程序? 可以使用VSCode自带的调试器,或者加 console.log() 打印日志

📌 学习建议:下一步可以学什么?

恭喜你完成了入门阶段!以下是进阶学习路径建议:

🔹 推荐学习路线图:

  1. 掌握 Express 框架 – 快速构建Web应用的流行框架
  2. 学习 MongoDB 数据库 – 非关系型数据库,适合搭配Node.js
  3. 使用 RESTful API – 构建前后端分离的接口
  4. 掌握 NPM 包管理技巧 – 如何发布自己的包
  5. 尝试用 Node.js 写爬虫、自动化脚本

🔹 推荐学习资源:


✅ 结语:坚持就是进步的秘诀!

你现在学会了:

✅ 安装Node.js和运行代码
✅ 使用模块做简单操作
✅ 理解异步编程的概念
✅ 搭建了自己的第一个服务器

继续练习、动手实践,你会发现Node.js越来越有趣!

加油吧,未来的开发者!🚀


🎯 课后小任务:试着修改上面的服务器代码,让它在不同路径下返回不同的内容,比如 /about 显示 “关于我们页面”。

示例:

if (req.url === '/about') {
  res.end("关于我们页面");
}

评论 0

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