ComfyUI Vue node 测试指南

用户8508

2025年10月11日修改

如何测试Vue节点

测试前端

要测试最新的前端更改：

虽然你通过在启动 ComfyUI 时添加 --front-end-version Comfy-Org/ComfyUI_frontend@latest 来测试最新的前端，但这个方式并不是 main 分支上的最新代码提交，它是最新的前端稳定发布版本。稳定版本之间可能间隔数天到数周。所以请使用下面的方式进行测试​

1.
克隆仓库。​

如果你还没有Git，可能需要先下载Git。

代码块

git clone https://github.com/Comfy-Org/ComfyUI_frontend.git

2.
进入仓库目录。​

代码块

cd ComfyUI_frontend

重要： 如果你已经在本地下载了前端仓库，请确保执行下一步（保证代码最新）。​

代码块

git pull

3.
安装依赖项。​

•

如果你还没有 Node，可能需要先下载Node。

•

安装 pnpm

代码块

npm install -g pnpm​
# 或 淘宝镜像​
npm install -g pnpm --registry=https://registry.npmmirror.com​

•

如果你使用的 node 版本不是大于或等于24（使用 node --version 检查）：

◦

安装 nvm：https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating

◦

使用node 24

代码块

nvm use 24

安装依赖：

代码块

pnpm install​
# 或使用国内镜像​
pnpm install --registry=https://registry.npmmirror.com​

运行开发服务器：

代码块

pnpm dev

启动后你应该可以通过 http://localhost:5173 访问 ComfyUI 前端，但这时候我们还需要对应的后端服务。

5.
确保后端服务启动​

在新的终端中，**像平常一样启动ComfyUI。

代码块

python main.py --preview-method taesd --verbose

最后，访问测试地址 ➡️ http://localhost:5173/（不是localhost:8188）。

启用Vue节点

当前 Vue Node 还在早期版本，目前仅支持通过设置快捷键来启动​

common.docs_name - LarkCCM_Docs_Menu_Image

ComfyUI Vue node 测试指南​

ComfyUI Vue node 测试指南