Node.js：快速启动你的第一个Web服务器

Node.js 全面入门指南

文章目录

• [Node.js 全面入门指南](#Node.js 全面入门指南)
• • [一 安装Node.js](#一 安装Node.js)
  • • [1. Windows](#1. Windows)
    • [2. MacOS/Linux](#2. MacOS/Linux)
  • [二 配置开发环境](#二 配置开发环境)
  • • • [1. VSCode集成](#1. VSCode集成)
  • [三 第一个Node.js程序](#三 第一个Node.js程序)
  • • • [1. 创建你的第一个Node.js程序](#1. 创建你的第一个Node.js程序)
  • [四 使用Express框架](#四 使用Express框架)
  • • • [1. 快速搭建服务器](#1. 快速搭建服务器)

---

一 安装Node.js

1. Windows

以下是Windows环境下Node.js的安装流程图：
访问Node.js官网 下载适合你操作系统的安装包 双击安装包并按照提示完成安装 打开命令提示符 输入`node -v` 和 `npm -v` 验证是否正确安装

步骤说明：

1. 访问 Node.js官网 下载适合你操作系统的安装包。
   

2. 双击安装包并按照提示完成安装过程。

3. 打开命令提示符，输入 node -v 和 npm -v 验证是否正确安装。
4. 

Tip: 如果遇到安装问题，请查看官方文档获取帮助。

2. MacOS/Linux

对于MacOS和Linux用户，可以通过包管理器进行安装：
更新包管理器 安装Node.js 验证安装 检查版本号

步骤说明：

• MacOS 使用 Homebrew

  brew install node

• Linux (以Ubuntu为例)

  sudo apt-get update
  sudo apt-get install nodejs
  sudo apt-get install npm

---

二 配置开发环境

1. VSCode集成

以下是如何在VSCode中配置Node.js开发环境的流程图：
安装VSCode 安装相关插件 创建新项目 开始编码

步骤说明：

Visual Studio Code（简称VSCode）是一个流行的代码编辑器，支持Node.js开发。你可以通过安装插件如 "Code Runner" 来增强体验。此外，安装 "ESLint" 插件可以帮助你保持代码风格的一致性。

未安装Visual Studio Code 可参考 传送门

---

三 第一个Node.js程序

1. 创建你的第一个Node.js程序

以下是创建第一个Node.js程序的流程图：
创建项目目录 初始化npm项目 创建`index.js`文件 编写Hello World代码 运行脚本

步骤说明：

创建一个新的文件夹作为项目根目录，并在其中初始化一个新的Node.js项目：

mkdir myapp
cd myapp
npm init -y

创建一个名为 index.js 的文件，并添加以下内容：

console.log("Hello, World!");

运行这个脚本：

node index.js

你应该会在控制台看到输出 "Hello, World!"。

---

四 使用Express框架

1. 快速搭建服务器

以下是使用Express框架的流程图：
安装Express 创建服务器文件 编写服务器代码 启动服务器 访问`http://localhost:3000/\`

步骤说明：

Express 是Node.js的一个简洁而灵活的Web应用框架。首先，我们需要通过npm安装Express：

npm install express --save

然后，创建一个新的文件 server.js 并添加如下代码：

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

app.get('/', (req, res) => res.send('Hello World!'));

app.listen(port, () => console.log(`Server running at http://localhost:${port}/`));

运行服务器：

node server.js

现在打开浏览器访问 http://localhost:3000/，你会看到 "Hello World!"。