请阅读https://github.com/antinomyhq/forge 给出保姆级教程,在一个...

作成日: 2025年7月13日

使用モデル GPT-4.1 by Chat01

質問

请阅读https://github.com/antinomyhq/forge
给出保姆级教程,在一个新的quasar framework v2项目中,如何使用,已经执行了 npx forgecode@latest,已经选择了模型

回答

好的!你已经在一个新的 Quasar Framework v2 项目中执行了 npx forgecode@latest,并完成了模型选择。接下来我会详细(保姆级)地介绍如何在你的项目中集成和使用 Forge AI 代码助手,确保你每一步都不会踩坑!


一、前提准备

1. Quasar v2 已新建完成

假设你已经通过如下命令新建了 Quasar 项目:

bash
quasar create my-project cd my-project

并且已经 npm install 了依赖。

2. Forge 已初始化

你已经在项目根目录下执行过:

bash
npx forgecode@latest

并选择了模型。


二、集成 Forge 到 Quasar 项目

1. Forge 的核心目录结构

执行 npx forgecode@latest 后,项目根目录下会多出一个 .forge 目录,里面保存了 Forge 相关的配置和缓存数据。

2. 常用命令

  • 打开 Forge 聊天界面:

    bash
    npx forgecode chat
  • 运行代码生成/编辑命令:
    在终端通过指令和 Forge 交互,比如:

    bash
    npx forgecode "生成一个登录页面"

三、在 Quasar 中实战使用 Forge

以生成一个 Quasar 登录页为例,完整流程如下

步骤 1:在 Quasar 项目根目录下执行命令

bash
npx forgecode "创建一个基于 Quasar 的登录页"

说明

  • Forge 会理解当前是 Quasar 项目,自动生成相关页面代码。
  • 默认会把生成的代码放在合适的位置(比如 src/pages/Login.vue),如有疑问可以根据命令行提示选择操作。

步骤 2:根据提示选择操作

  • Forge 可能会询问你是否覆盖、合并或者在哪个目录下生成文件。
  • 建议直接选择默认路径或者根据项目实际情况自定义路径。

步骤 3:检查生成文件

  • Forge 会把生成的 Vue 文件写入到项目对应目录。
  • 检查 src/pages/Login.vue(或你指定的路径)内容是否合理。

步骤 4:注册路由

  • 如果 Forge 没有自动修改你的 router/routes.js,你需要手动添加:
    js
    { path: '/login', component: () => import('pages/Login.vue') }
  • 保存后即可在 http://localhost:8080/#/login 访问你的新页面。

步骤 5:调试和修改

  • 启动项目:
    bash
    quasar dev
  • 访问页面,如果有 bug,继续通过 Forge 让其“修复刚才的 Login 页面登录逻辑问题”等,自然语言描述就行,Forge 会直接帮你改文件。

四、Forge 的更多用法

1. 聊天辅助

  • 直接执行:
    bash
    npx forgecode chat
    出现类 chatgpt 的命令行窗口,可以和 AI 聊天、让它修改项目代码、写文档等。

2. 指定目录/文件生成

  • 比如:
    bash
    npx forgecode "在 src/pages 下生成一个 Register.vue 注册页面"

3. 修改现有代码

  • 举例,让 AI 修复 bug:
    bash
    npx forgecode "优化 src/pages/Login.vue 的表单校验逻辑"

五、常见问题与建议

  1. 权限问题
    遇到写入失败,确认你用的是有写权限的 shell,必要时加 sudo(不推荐)。

  2. 模型选择
    支持 OpenAI、Deepseek、Moonshot 等模型。需要你有自己的 API key,可在 .forge/config.json 里手动修改。

  3. 与 git 配合
    强烈建议每次用 Forge 自动改动前先 commit 一下,方便回滚。

  4. 命令快捷用法
    Forge 支持多种自然语言描述,比如“给 src/components 加一个按钮组件并写文档”等,尽管发指令。


六、官方资源


七、常见坑和补充

  • 不要在没有备份的生产环境用 Forge 批量操作!
  • Forge 适合用在本地开发环境,建议先在 test 分支或备份下使用。
  • Quasar 2 是 Vue 3,和 Vue 2 有区别,发指令时记得加“基于 Quasar 2”或“Vue 3”关键字。

八、总结一条龙指令

  1. 项目根目录下执行(例):
    bash
    npx forgecode "在 src/pages 下生成一个基于 Quasar 的用户登录页"
  2. 按提示操作,生成后如有 bug 用自然语言再修。
  3. 检查/修改路由,quasar dev 启动项目即可看到效果。

如需进阶玩法、CI 集成等,可以随时问我!
你有具体页面、组件需求也可以直接发指令给 Forge,它支持中文!

需要一份命令速查表或遇到具体报错,随时告诉我!

質問

进入项目目录内D:\project-learn\quasar-ble
执行npx forgecode chat 报错,报错内容如下
D:\project-learn\quasar-ble>npx forgecode chat
error: unrecognized subcommand 'chat'

Usage: forge.exe [OPTIONS] [COMMAND]

For more information, try '--help'.

回答

你遇到的报错:

error: unrecognized subcommand 'chat'

说明 forgecode 并不支持 chat 这个子命令。
Forge 的命令行接口近期有过变动,chat 交互方式已经改变,不能直接用 npx forgecode chat


解决方法

1. 官方推荐的用法

方式一:直接用 npx forgecode 进入交互式模式

  1. 在项目根目录下运行:
    bash
    npx forgecode
  2. 这时会进入一个交互式 shell,类似 REPL(会看到一个 forge> 提示符)。
  3. forge> 里输入你的需求,比如:
    创建一个 Quasar 登录页面
    
  4. 也可以用英文或者中文,Forge 会自动理解,并直接帮你生成代码。

方式二:一句话命令直接用

比如在命令行直接敲:

bash
npx forgecode "在 src/pages 下生成一个 Quasar 登录页"

它会直接在你的项目中执行,并根据你的指令生成代码。


2. 查看所有支持的命令

运行:

bash
npx forgecode --help

你会看到支持的参数和用法说明。
比如(实际内容可能会根据 Forge 版本略有不同):

text
Usage: forge [OPTIONS] [COMMAND] Options: -h, --help Print help information -V, --version Print version information Commands: init Initialize forge in this directory <prompt> Provide a natural language prompt for code generation

3. Forge 的当前推荐用法总结

  • 交互模式(推荐):

    bash
    npx forgecode

    然后在提示符下输入你的自然语言需求。

  • 一句话模式(推荐):

    bash
    npx forgecode "你的指令"

    例如:npx forgecode "生成一个 Quasar 登录页面"


补充说明

  • chat 子命令已取消或未实现。
  • 你可以在交互式 shell 中像 ChatGPT 一样对话、让它理解上下文,甚至连续追问。
  • 所有指令和问题都可以直接中文输入!

示例流程

  1. 打开终端,切换到你的项目目录:
    cd D:\project-learn\quasar-ble
    
  2. 输入
    npx forgecode
    
  3. 看到 forge> 后输入:
    生成一个基于 Quasar 的登录页面
    
  4. 按照提示完成代码生成。

如需进阶技巧或者出错请贴出完整报错,我可以帮你一步步定位!
有任何 Forge 新手问题都可以随时问!

このQ&Aを共有