如何让vite项目运行在指定的端口上？

有以下几种方式可以让项目运行在指定端口：

方法1: 修改 Vite 配置文件（推荐）

在 vite.config.ts 中添加 server.port 配置： 已配置完成！现在项目会在 3000 端口运行。

其他方式：

方法2: 命令行参数

npm run dev -- --port 3000

方法3: 修改 package.json 脚本

"scripts": {
  "dev": "vite --port 3000"
}

相关配置选项

server: {
  port: 3000,        // 端口号
  host: true,        // 允许外部访问
  open: true,        // 自动打开浏览器
  strictPort: true,  // 端口被占用时直接失败而不是尝试下一个端口
}

现在运行 npm run dev 即可在 3000 端口启动项目。如果需要修改为其他端口，直接更改 port 的值即可。