• 产品简介
  • 快速开始
    • Agent 开发
    • 导入 Git 仓库
    • 从模板开始
    • 直接上传
    • 从 AI 开始
  • 框架指南
    • Agent
    • 前端
      • Vite
      • React
      • Vue
      • Hugo
      • 其他框架
    • 后端
    • 全栈
      • Next.js
      • Nuxt
      • Astro
      • React Router
      • SvelteKit
      • TanStack Start
      • Vike
    • 自定义 404 页面
  • 项目指南
    • 项目管理
    • edgeone.json
    • 缓存配置
    • 构建输出配置
    • 错误码
  • 构建指南
  • 部署指南
    • 概览
    • 触发部署
    • 管理部署
    • 部署按钮
    • 使用 Github Action
    • 使用 Gitlab CI/CD
    • 使用 CNB 插件
    • 使用 IDE 插件
    • 使用 CodeBuddy IDE
  • 域名管理
    • 概览
    • 自定义域名
    • 配置 HTTPS 证书
      • 概览
      • 申请免费证书
      • 使用 SSL 托管证书
    • 配置 DNS 的 CNAME 记录
  • 企业解决方案
    • Vibe Coding
    • 平台与多租户
    • 内部应用
  • 可观测性
    • 概览
    • 指标分析
    • 日志分析
  • Functions
    • 概览
    • Edge Functions
    • Cloud Functions
      • 概览
      • Node.js
      • Python
      • Go
  • Agents
    • 概览
    • 快速开始
    • 会话管理
    • 可观测
    • 沙箱工具
      • 概览
      • Agent 框架使用
      • 沙箱原子 API
      • 网络搜索工具
    • Agent 鉴权
  • Models
    • 概览
    • 模型与厂商
      • 概览
      • 使用厂商密钥
        • OpenAI
        • Anthropic
        • Google AI Studio
        • DeepSeek
        • MiniMax
        • 混元
        • 智谱
        • 月之暗面
    • 常见问题
  • 存储
    • 概览
    • KV
    • Blob
  • 中间件
  • AI 原生开发
    • Skills
    • MCP
  • Copilot
    • 概览
    • 快速开始
  • API Token
  • EdgeOne CLI
  • 消息通知
  • 集成指南
    • AI
      • 对话型大模型集成
      • 图片大模型集成
    • 数据库
      • Supabase 集成
      • Pages KV 集成
    • 电商
      • Shopify 集成
      • WooCommerce 集成
    • 支付
      • Stripe 集成
      • Paddle 集成
    • CMS
      • WordPress 集成
      • Contentful 集成
      • Sanity 集成
      • Payload 集成
    • 身份验证
      • Supabase 集成
      • Clerk 集成
  • 最佳实践
    • 为网站添加 AI 对话助手
    • AI 对话式部署:使用 Skill 一句话部署项目
    • 使用通用大模型快速搭建 AI 应用
    • 使用 Shopify 搭建电商平台
    • 使用 Supabase 和 Stripe 搭建 SaaS 站点
    • 如何快速搭建公司品牌站点
    • 如何快速搭建博客站点
  • 迁移指南
    • 从 Vercel 迁移至 EdgeOne Makers
    • 从 Cloudflare Pages 迁移至 EdgeOne Makers
    • 从 Netlify 迁移至 EdgeOne Makers
  • 排障指南
  • 常见问题
  • 限制与配额
  • 价格与套餐
  • 联系我们
  • 产品动态

使用 IDE 插件

通过本章节的指南,您可以利用 EdgeOne Makers 部署插件,在 IDE 内部进行快速构建,并一键部署至 EdgeOne Makers 平台。
说明:
IDE 目前支持 CodeBuddy、VSCode 以及 Cursor,未来还会陆续增加更多平台的支持。以下内容以 VSCode 为例。
EdgeOne Pages Extension
EdgeOne Pages Extension


功能简介

智能检测 - 自动识别项目的前端框架。
一键构建 - 通过 IDE 集成的终端可查看构建详情。
轻松部署 - 可一键部署到 Makers。

快速入门

1. 在 VSCode 插件市场搜索“EdgeOne Makers”并安装。
2. 在 VSCode 中打开您的前端项目。
3. 在侧边栏中点击 Makers 图标。
4. 单击 Run Build 构建您的前端项目。
5. 单击 Publish Project 将项目部署到 Makers。

框架兼容性

该扩展可自动检测主流的前端框架,并相应地处理构建过程。无论您使用的是现代 JavaScript 框架、静态网站生成器还是传统 Web 项目,Makers 都能适应您的项目结构和构建要求。

环境要求

VSCode 1.90.0 及以上版本。
Node.js,用于本地项目构建。
API Token,便于构建后直接部署至 Makers 平台,token 获取方式可参考 API Token 文档。

ai-agent
你可以这样问我
如何开始使用 EdgeOne Makers?