边缘开发者平台
  • Pages
    • 产品简介
    • 快速开始
      • 导入 Git 仓库
      • 从模板开始
      • 直接上传
    • 框架指南
    • 项目指南
      • 项目管理
      • edgeone.json
      • 缓存配置
      • 错误码
    • 构建指南
    • 部署指南
      • 概览
      • 触发部署
      • 管理部署
      • 部署按钮
      • 使用 Github Action
      • 使用 CNB 插件
      • 使用 IDE 插件
      • 使用 CodeBuddy IDE
    • 域名管理
      • 概览
      • 自定义域名
      • 配置 HTTPS 证书
      • 如何配置 DNS 的 CNAME 记录
    • Pages Functions
    • KV 存储
    • 边缘 AI
    • API Token
    • EdgeOne CLI
    • Pages MCP
    • 集成指南
      • AI
        • 对话型大模型集成
        • 图片大模型集成
      • 数据库
        • Supabase 集成
        • Pages KV 集成
      • 电商
        • Shopify 集成
        • WooCommerce 集成
      • 支付
        • Stripe 集成
        • Paddle 集成
      • CMS
        • WordPress 集成
        • Contentful 集成
        • Sanity 集成
      • 身份验证
        • Supabase 集成
        • Clerk 集成
    • 最佳实践
      • 使用通用大模型快速搭建AI应用
      • 使用 Deepseek-R1 模型快速搭建对话型AI站点
      • 使用 WordPress + WooCommerce 和 GatsbyJS 搭建电商平台
      • 使用 Supabase 和 Stripe 搭建 SaaS 站点
      • 如何快速搭建公司品牌站点
      • 如何快速搭建博客站点
    • 迁移指南
      • 从 Vercel 迁移至 EdgeOne Pages
      • 从 Cloudflare Pages 迁移至 EdgeOne Pages
      • 从 Netlify 迁移至 EdgeOne Pages
    • 排障指南
    • 常见问题
    • 联系我们
    • 产品动态
当前为国际站中文文档,如需访问中国站文档,请点击这里

使用 IDE 插件

通过本章节的指南,您可以利用 EdgeOne Pages 部署插件,在 IDE 内部进行快速构建,并一键部署至 EdgeOne Pages 平台。

说明:
IDE 目前支持 CodeBuddy、VSCode 以及 Cursor,未来还会陆续增加更多平台的支持。以下内容以 VSCode 为例。
EdgeOne Pages Extension
EdgeOne Pages Extension



功能简介

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


快速入门

1. 从 VSCode 插件市场安装此扩展
2. 在 VSCode 中打开您的前端项目
3. 在侧边栏中点击 Pages 图标
4. 点击“Run Build”构建您的前端项目
5. 点击“Publish Project”将项目部署到 Pages


框架兼容性

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


环境要求

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