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

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

Node.js 全面入门指南

文章目录

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


一 安装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!”。

相关文章:

  • 考研数学非数竞赛复习之Stolz定理求解数列极限
  • IP 地址
  • 跳表数据结构
  • 大数据学习(63)- Zookeeper详解
  • 索引-最左匹配
  • 【项目设计】基于AMQP协议实现的简单消息队列
  • android okhttp几种日志拦截级别区别
  • 数据可视化图表库LightningChart JS 全新发布v7.0——提高视觉质量
  • 7-9 抢红包
  • 从技术创新到全球布局:MOVA割草机器人以尖端科技定义智能园艺
  • 电脑一直重启怎么解决 原因及解决方法
  • PHP前后开发纪录
  • (2025|ICLR|厦大华为,LoSA,基于表示互信息的动态层级稀疏率,基于重构误差的秩分配)LLM 的动态低秩稀疏自适应
  • 【Academy】SSRF ------ Server-side request forgery
  • golang从入门到做牛马:第十八篇-Go语言递归函数:函数的“自我调用”
  • Java高频面试之集合-10
  • 大模型中的Token是什么?
  • 高效管理应用资源--Qt资源系统详解
  • 第四篇《XTTS 跨平台迁移:让数据库无缝跨越操作系统》(XTTS)
  • Labelme 3.16.7 数据标注(通过pycharm下载+颜色修改+批量转化json)
  • 日趋活跃!2024年我国数据生产总量同比增长25%
  • 今年一季度全国社会物流总额达91万亿元,工业品比重超八成
  • 解放日报头版:人民城市共建共享展新卷
  • 报告显示2024年全球军费开支增幅达冷战后最大
  • 哈马斯同意释放剩余所有以色列方面被扣押人员,以换取停火五年
  • “90后”高层建筑返青春:功能调整的技术路径和运营考验