环境准备

• AI超级智能体源码
• node >= 18 推荐使用 NVM 安装
• WebStorm 新版本个人免费使用

本地运行

安装依赖

1、使用 WebStorm 打开（VSCode 也是可以的）

用 WebStorm 打开前端源码

回弹出一个是否相信，选择相信即可

2、找到 Terminal 选项

如果没有看到看这里有没有

还是没有的话找到 Settings -> plugins -> Terminal

3、执行

▼
shell
复制代码
npm install --force

最后执行效果:

运行前端

找到根目录下的 pakage.json

Run dev 就是正常启动

如果是想要 debug 的话建议可以看看

• WebStorm Debug 官方文档： https://www.jetbrains.com/help/webstorm/react.html#react_debug_from_tw
• VSCode Debug 官方文档 https://code.visualstudio.com/docs/nodejs/reactjs-tutorial#_debugging-react

启动成功

访问 http://localhost:3000 可以看到

pakage.json

▼
text
复制代码
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },

1. dev 启动开发环境，支持 热更新
2. build 生产构建，生成 dist 目录，供部署使用
3. preview 本地预览构建结果，模拟线上环境

修改请求路径

本地运行就修改 src/api/index.jss 里面的 API_BASE_URL

本地情况，如果后端端口不是 8123 那么就需要修改 http://localhost:8123/api 变成 http://localhost:自己后端端口/api

服务器情况， 如果是前端地址是 leikooo.com 后端地址是 api.leikooo.com 那么就可以保持源码状态不需要修改，IP 也是同理如果前端是 123.123.123 后端是 123.123.123/api 就可以不用修改（需要后端配置 nginx ）

nginx 配置可以参考这篇 https://www.codefather.cn/post/1833530459424612354

测试功能

打包

build 成功就可以看到出现了 dist 目录

如果没有出现 dist 目录，那么就按照下面进行操作一下，就可以看到了

File -> Reload All from Disk

部署

『 前端部署教程（通用） 』