🚀 停止点击。开始编码：如何用 VS Code 和 AI 提升 n8n

Source: Dev.to

如果你喜欢使用 n8n 来实现自动化，但觉得自己可以更快一点，这篇教程适合你。

英文版在这里：https://dev.to/etienne_lescot_728112921e/stop-clicking-start-coding-how-to-supercharge-n8n-with-vs-code-and-ai-2oai

我们都熟悉这种情景：n8n 很棒。但有时候，用鼠标构建复杂逻辑会耗费时间。于是我们会想：“要是我能像复制粘贴代码一样复制这个工作流就好了……”

好消息是：现在已经可以做到。将 n8n 连接到你的代码编辑器（VS Code），你就不再受限于图形界面，解锁了一个超级能力：

1. 打开 VS Code（或 AI 编辑器 Cursor）。
2. 向 AI 询问：“帮我创建一个每天早上抓取 Google News 并发送到 Slack 的工作流”。
3. AI 编写 JSON 代码。
4. 工作流瞬间出现在你的 n8n 界面中，准备运行。

不需要是 DevOps 专家；我们将在 2 分钟内通过一个开源即用工具搭建这个“魔法桥”。

🛠 它是怎么工作的？

思路很简单：不把工作流当作图形盒子，而是把它们当作源代码文件来操作。我们使用 n8n-as-code 工具，它会透明地充当中间人：

• 👀 监视你（或 AI）在电脑上写的内容。
• 🔄 立即将其发送到 n8n。
• 🛡 自动清理代码（删除无用的元数据），防止 bug 并保持 Git 历史整洁。

图例：你的新工作环境——左侧是代码，右侧是 n8n 执行界面。

⚡️ 快速安装（2 分钟）

你需要在电脑上安装 Node.js，并拥有一个 n8n（本地或云端）。

步骤 1 ：克隆仓库

git clone https://github.com/EtienneLescot/n8n-as-code.git
cd n8n-as-code
npm install

步骤 2 ：连接配置

在项目根目录创建一个名为 .env 的文件，告诉脚本你的 n8n 位于何处。

# .env
N8N_HOST=http://localhost:5678
# 在 n8n > Settings > Developer API 中获取你的密钥
N8N_API_KEY=votre_api_key_ici

步骤 3 ：启动

node sync.js

脚本会自动下载所有现有工作流到 ./synced_workflows 文件夹。准备就绪！

🚀 演示：让 AI 工作

1. 确保 node sync.js 正在运行。

2. 在 ./synced_workflows 文件夹中新建一个空文件 Mon_Bot_IA.json。

3. 用 VS Code 打开该文件。

4. 在你的 AI 聊天面板（Copilot、Cursor 等）中输入以下提示：

   “生成一个 n8n 工作流的 JSON。它需要每天上午 9 点触发，调用公共 API 获取一个笑话，并将其发送到 Slack 频道。”

5. AI 为你编写 JSON 代码。

6. 保存（CTRL + S）。

终端会显示 ✅ 成功！。打开你的 n8n 实例——工作流已经出现，全部连接好，准备激活！ 🎉

💡 为什么你会爱上它？

• 速度提升：AI 生成 JSON（“样板代码”）的速度远快于手动拖拽 10 个节点。
• GitOps：你的工作流现在是干净的文件，可以提交到 GitHub 并进行团队协作。
• 可靠性：工具实现双向同步，不会破坏你的版本。

所有代码都是开源的，点这里查看：

现在轮到你了！ 🚀