如何更改 Vite 应用的端口？

在 Vite 中，更改应用程序启动的端口非常简单。Vite 提供了多种配置选项，可以通过修改 vite.config.js 文件来实现。

首先，确保在项目的根目录中有一个 vite.config.js 文件。如果没有，可以根据需要创建一个。

在 vite.config.js 文件中，你需要导入 Vite 的定义，并设置 server 配置，其中包括 port 属性，用于指定希望使用的端口号。下面是一个简单的例子：

javascript
// vite.config.js
import { defineConfig } from 'vite';

export default defineConfig({
  server: {
    port: 3001 // 指定端口为 3001
  }
})

在上面的例子中，我们将 Vite 服务器的运行端口更改为 3001。当你运行 vite 或 vite dev 命令时，开发服务器将在端口 3001 上启动。

此外，如果你在开发环境中需要根据不同的需求动态设置端口，也可以在启动命令中使用 --port 参数来指定端口，如下所示：

bash
vite --port 3002

这将覆盖 vite.config.js 中的设置，使服务器在端口 3002 上运行。

最后，我想强调的是，确保选择的端口未被其他应用程序占用，以避免端口冲突导致的启动失败。如果指定的端口已被占用，Vite 通常会尝试使用下一个可用的端口。