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

从零开始学 Node.js:完整安装与实战指南

下面提供一份详细的教程,介绍如何安装 Node.js,以及安装成功后如何编写和运行一个简单示例程序。文章中会标注好文件名、代码类型(例如:HTML、JavaScript)以及每一步骤的说明,方便初学者直接复制使用并验证运行结果。


目录

1. 前言

2. 安装 Node.js

2.1 官方下载安装包(适用于 Windows 和 macOS)

2.2 使用包管理器安装(适用于 Linux 和 macOS)

在 macOS 上通过 Homebrew 安装

在 Linux 上(例如 Ubuntu/Debian 系统)使用 apt 安装

3. 验证 Node.js 是否安装成功

4. 编写第一个 Node.js 程序

文件名:server.js

运行步骤

5. 使用 HTML 文件调用 Node.js 服务器

文件名:index.html

使用步骤

6. 程序运行结果说明

A. Node.js 服务器程序(server.js)

B. HTML 文件调用服务器(index.html)

7. 小结


1. 前言

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它允许你在服务器端运行 JavaScript。本文旨在帮助大家详细了解 Node.js 的安装过程,并通过实际代码示例验证安装效果。


2. 安装 Node.js

2.1 官方下载安装包(适用于 Windows 和 macOS)

  1. 访问官网:
    打开 Node.js 官网(推荐使用 LTS 版本)。

  2. 下载对应平台的安装包:

    • Windows 用户: 下载 .msi 安装包。
    • macOS 用户: 下载 .pkg 安装包。
  3. 安装步骤:

    • 双击下载的安装包文件,然后按照提示一步步进行安装。
    • 安装过程中一般选择默认设置即可。

2.2 使用包管理器安装(适用于 Linux 和 macOS)

在 macOS 上通过 Homebrew 安装
  1. 安装 Homebrew(如果未安装):
    打开终端(Terminal),输入:

    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    
  2. 安装 Node.js:

    brew install node
    
在 Linux 上(例如 Ubuntu/Debian 系统)使用 apt 安装
  1. 更新包管理器:

    sudo apt update
    
  2. 安装 Node.js 及 npm(Node.js 的包管理工具):

    sudo apt install nodejs npm
    

注:部分 Linux 发行版中提供的 Node.js 版本可能较旧,建议使用 NodeSource 提供的安装脚本。


3. 验证 Node.js 是否安装成功

安装完成后,在命令行/终端中执行以下命令来检查 Node.js 和 npm 的版本:

# 检查 Node.js 版本(JavaScript 运行环境)
node -v

# 检查 npm 版本(包管理工具)
npm -v

如果正确安装,会分别输出 Node.js 和 npm 的版本号,例如:

v16.17.0
8.15.0

4. 编写第一个 Node.js 程序

为了验证安装是否成功,我们编写一个简单的 HTTP 服务器程序。

文件名:server.js

类型:JavaScript 文件

// server.js (JavaScript 文件)
// 该代码使用 Node.js 内置的 http 模块创建了一个简单的 HTTP 服务器

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

// 定义服务器地址和端口号
const hostname = '127.0.0.1';
const port = 3000;

// 创建 HTTP 服务器
const server = http.createServer((req, res) => {
  // 设置响应状态码和头部信息
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  // 返回文本 "Hello, Node.js!"
  res.end('Hello, Node.js!\n');
});

// 启动服务器并监听指定的地址和端口
server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

运行步骤

  1. 将上面的代码保存为 server.js 文件。

  2. 打开命令行(或终端),进入保存 server.js 的目录。

  3. 执行以下命令启动服务器:

    node server.js
    
  4. 在命令行中应显示:

    Server running at http://127.0.0.1:3000/
    
  5. 打开浏览器,访问 http://127.0.0.1:3000/,你会看到页面上显示 “Hello, Node.js!”。


5. 使用 HTML 文件调用 Node.js 服务器

为了展示前后端交互,还可以编写一个 HTML 文件,通过客户端 JavaScript 发起请求并显示 Node.js 服务器返回的数据。

文件名:index.html

类型:HTML 文件

<!-- index.html (HTML 文件) -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Node.js 安装与测试示例</title>
</head>
<body>
    <h1>欢迎使用 Node.js</h1>
    <!-- 用于显示服务器响应内容 -->
    <div id="output">正在加载服务器数据...</div>

    <!-- 客户端 JavaScript 代码 -->
    <script>
        // 使用 fetch API 发送请求到 Node.js 服务器
        fetch('http://127.0.0.1:3000')
            .then(response => response.text())
            .then(data => {
                // 将返回的数据写入页面
                document.getElementById('output').textContent = data;
            })
            .catch(error => {
                console.error('请求错误:', error);
                document.getElementById('output').textContent = '加载失败,请检查服务器是否启动';
            });
    </script>
</body>
</html>

使用步骤

  1. 将上述代码保存为 index.html 文件。
  2. 确保已启动 server.js(执行 node server.js)。
  3. 使用浏览器打开 index.html 文件:
    • 可直接双击文件(大部分浏览器支持直接打开 HTML 文件),或者使用本地服务器加载。
  4. 页面加载后,div 中会显示 Node.js 服务器返回的 “Hello, Node.js!”;若服务器未启动,则显示 “加载失败,请检查服务器是否启动”。

6. 程序运行结果说明

A. Node.js 服务器程序(server.js)

  • 运行命令: 在终端执行 node server.js
  • 终端输出:
    Server running at http://127.0.0.1:3000/
    
  • 浏览器访问结果: 打开 http://127.0.0.1:3000/ 后,页面上显示:
    Hello, Node.js!
    

B. HTML 文件调用服务器(index.html)

  • 页面展示:
    • 页面标题为 “欢迎使用 Node.js”
    • 页面中的 div 元素最初显示 “正在加载服务器数据...”
    • 成功获取数据后,div 中的文本变为 “Hello, Node.js!”
  • 错误处理: 如果 Node.js 服务器未启动,则 div 会显示 “加载失败,请检查服务器是否启动”

7. 小结

  • 安装 Node.js: 无论是通过官网下载安装包还是通过包管理器安装,都能方便地在各平台上安装 Node.js。安装后,使用 node -vnpm -v 命令验证安装成功。
  • 编写并运行程序: 通过创建 server.js(JavaScript 文件)来编写简单的 HTTP 服务器,并使用浏览器访问验证;同时,还提供了 index.html(HTML 文件)示例,通过客户端 JavaScript 与服务器交互。
  • 直接复制使用: 本文中的代码均标注了文件名和代码类型,初学者可以直接复制代码进行实验,从而更好地理解 Node.js 的安装和运行流程。

通过以上步骤和示例,你可以详细了解如何安装 Node.js,并亲自体验编写和运行 Node.js 程序的全过程。希望这份详细教程对你和其他学习者有所帮助!

相关文章:

  • vulnhub靶场之【digitalworld.local系列】的JOY靶机
  • 深入解析英文单词“Dime”——从硬币到篮球助攻
  • 滑动窗口法——实践中的BA
  • win10 HV主机服务无法启动(wsl安装失败)
  • 缺陷VS质量:为何软件缺陷是质量属性的致命对立面?
  • Python 图像处理之 Pillow 库:玩转图片
  • Graph RAG 迎来记忆革命:“海马体”机制让问答更精准!
  • 【 <一> 炼丹初探:JavaWeb 的起源与基础】之 JSP 基础语法:从脚本片段到 EL 表达式
  • 社会力模型:Social force model for pedestrian dynamics
  • 苹果手机备忘录怎么导入安卓手机?
  • 【C#】Clipboard中SetImage(BitmapSource image)的用法
  • Docker 安装与使用
  • 竞争只属于失败者
  • 探索文件IO奥秘:初识文件
  • Java 第十一章 GUI编程(2)
  • C与C++中inline关键字的深入解析与使用指南
  • 景联文科技:以专业标注赋能AI未来,驱动智能时代的精准跃迁
  • Java 大视界 -- Java 大数据在智能金融反欺诈中的技术实现与案例分析(114)
  • 靶场(二)---靶场心得小白分享
  • Stable Diffusion模型高清算法模型类详解
  • 信息化建设 公司网站/百度关键字优化价格
  • 网站怎么做404 301/危机舆情公关公司
  • 企业网站备案信息/网站设计开发网站
  • 做化工外贸需要那些网站/什么是关键词搜索
  • 徐州建设工程招标信息网官网/外贸seo网站建设
  • 哪个网站做视频钱多/在线网站seo诊断