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

发布于:2025-03-13 ⋅ 阅读:(18) ⋅ 点赞:(0)

Node.js 全面入门指南


一 安装Node.js

1. Windows

以下是Windows环境下Node.js的安装流程图:

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

步骤说明:

  1. 访问 Node.js官网 下载适合你操作系统的安装包。
    在这里插入图片描述

2. 双击安装包并按照提示完成安装过程。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 打开命令提示符,输入 node -vnpm -v 验证是否正确安装。
  2. 在这里插入图片描述

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!”。


网站公告

今日签到

点亮在社区的每一天
去签到