yarn在哪设置端口

原创

mob64ca12f6066e 2024-10-26 06:55:33 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f6066e的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何设置 yarn 的端口

在使用 yarn 进行项目开发时，可能会遇到需要设置端口的问题。本文将为你详细讲解如何在 yarn 中设置端口，包括一个简单的步骤流程和具体代码实现。首先，我们来看一下整体的流程。

步骤流程

步骤	描述
1	创建项目或进入现有项目目录
2	安装所需依赖
3	配置项目设置（通常在 package.json 中）
4	启动项目并验证端口是否设置成功

步骤详解

步骤 1: 创建项目或进入现有项目目录

如果你还没有创建一个项目，可以使用以下命令来创建一个新项目：

yarn init -y

yarn init -y 会创建一个新的 package.json 文件，并使用默认设置。

如果你已经有项目了，可以直接进入你的项目目录：

cd your-project-name

cd your-project-name 将你的终端切换到你的项目目录。

步骤 2: 安装所需依赖

如果你的项目依赖一些 Node.js 包，可以通过以下命令安装它们：

yarn add express

yarn add express 是一个示例命令，用于安装 Express.js 框架，作为后端服务的基础框架。

步骤 3: 配置项目设置

接下来，我们需要在 package.json 文件中配置启动参数。在这个文件中，可以指定应用在哪个端口运行。请打开项目根目录下的 package.json 文件，找到 scripts 部分，并添加或修改一行代码：

{
  "scripts": {
    "start": "PORT=3000 node server.js"
  }
}

PORT=3000 node server.js 这行代码的意思是：设置环境变量 PORT 为 3000，并且运行 server.js 文件。此外，你可以根据需要更改端口号。

步骤 4: 启动项目并验证端口

现在，你可以使用以下命令来启动你的项目：

yarn start

yarn start 会执行我们在 package.json 中定义的 start 命令，同时启动你的应用。

在浏览器中输入 http://localhost:3000 来检查应用是否正确运行。

使用环境变量

有时候，你可能想要在不同环境中使用不同的端口。为了达到这个目的，可以使用 .env 文件。在项目根目录中创建一个名为 .env 的文件，内容如下：

PORT=3000

在你的 server.js 文件中，添加如下代码以使用 dotenv 加载环境变量：

require('dotenv').config(); // 加载环境变量
const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000; // 设置端口

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

以上代码选择环境变量中的 PORT，若未设置则默认为 3000。

序列图

下面是一个展示这个流程的序列图，帮助你更直观地理解每个步骤之间的关系：

sequenceDiagram
    participant User
    participant Yarn
    participant Node

    User->>Yarn: yarn init -y
    Yarn->>Yarn: 创建 package.json
    User->>Yarn: yarn add express
    Yarn->>Node: 安装并添加依赖
    User->>Yarn: 修改 package.json
    Yarn->>Yarn: 设置启动脚本
    User->>Yarn: yarn start
    Yarn->>Node: 启动 Node 应用
    Node->>User: 运行应用并返回端口