如何在JetBrains Fleet中创建并配置Next.js的run.json文件？

1. 创建run.json文件 #

• 打开Fleet，在项目根目录新建.fleet文件夹（没有的话直接新建）
• 往.fleet文件夹里创建run.json文件

2. 编写Next.js运行配置 #

直接复制下面的配置内容到run.json里，字段作用我给你理清楚：

{
  "configurations": [
    {
      "type": "node",
      "name": "Next.js 开发服务器",
      "program": "node_modules/.bin/next",
      "args": ["dev"],
      "cwd": "$PROJECT_DIR$",
      "env": {
        "NODE_ENV": "development"
      },
      "console": "terminal"
    }
  ]
}

• type: 固定填node，因为Next.js基于Node.js运行
• name: 自定义一个好识别的配置名称，比如上面的"Next.js 开发服务器"
• program: 指向项目本地的Next启动脚本，避免依赖全局安装的next工具
• args: 启动参数，dev对应开发模式；如果要跑生产环境，换成start即可（注意生产环境需要先执行next build打包）
• cwd: 用Fleet内置变量$PROJECT_DIR$指定项目根目录作为工作目录
• env: 设置环境变量，这里指定为开发环境
• console: 指定在终端中运行，方便查看日志和交互

3. 启动项目 #

保存run.json后，点开Fleet右上角的运行面板，选择你刚才命名的配置，点击运行就能启动Next.js项目了

额外实用技巧 #

• 要自定义端口的话，在args里添加-p 3001即可，比如["dev", "-p", "3001"]
• 如果出现找不到next命令的问题，可以改用npx启动：把program设为npx，args改成["next", "dev"]
• 生产环境可以单独加一份配置：复制现有配置，修改名称为"Next.js 生产服务器"，把args换成["start"]，记得先执行next build完成打包

内容的提问来源于stack exchange，提问作者erms