Edge Developer Platform
  • Pages
    • Product Introduction
    • Quick Start
      • Importing a Git Repository
      • Starting From a Template
      • Direct Upload
    • Framework Guide
    • Project Guide
      • Project Management
      • edgeone.json
      • Configuring Cache
      • Error Codes
    • Build Guide
    • Deployment Guide
      • Overview
      • Create Deploys
      • Manage Deploys
      • Deploy Button
      • Use Github Actions
      • Using CNB Plugin
      • Using IDE Plug-In
      • Using CodeBuddy IDE
    • Domain Management
      • Overview
      • Custom Domain Name
      • Configuring an HTTPS Certificate
      • How to Configure a DNS CNAME Record
    • Pages Functions
    • KV Storage
    • Edge AI
    • API Token
    • EdgeOne CLI
    • Pages MCP
    • Integration Guide
      • AI
        • Dialogue Large Models Integration
        • Large Models for Images Integration
      • Database
        • Supabase Integration
        • Pages KV Integration
      • Ecommerce
        • Shopify Integration
        • WooCommerce Integration
      • Payment
        • Stripe Integration
        • Integrating Paddle
      • CMS
        • WordPress Integration
        • Contentful Integration
        • Sanity Integration
      • Authentication
        • Supabase Integration
        • Clerk Integration
    • Best Practices
      • Using General Large Model to Quickly Build AI Application
      • Use the Deepseek-R1 model to quickly build a conversational AI site
      • Building an Ecommerce Platform with WordPress + WooCommerce and GatsbyJS
      • Building a SaaS Site Using Supabase and Stripe
      • Building a Company Brand Site Quickly
      • How to Quickly Build a Blog Site
    • Migration Guides
      • Migrating from Vercel to EdgeOne Pages
      • Migrating from Cloudflare Pages to EdgeOne Pages
      • Migrating from Netlify to EdgeOne Pages
    • Troubleshooting
    • FAQs
    • Contact Us
    • Release Notes

Using IDE Plug-In

With this guide, you can use the EdgeOne Pages deployment plugin to quickly build inside the IDE and deploy to the EdgeOne Pages platform with one-click.

Note:
Note: IDE currently supports CodeBuddy, VSCode and Cursor, and will expand to more platforms in the future. The following content uses VSCode as an example.
EdgeOne Pages Extension
EdgeOne Pages Extension



Feature Overview

Intelligent detection - Automatically identify the front-end framework of a project
one-click build - View build details in the IDE-integrated terminal
Easy deployment - Deploy to Pages with one click


Getting Started

1. Install this extension from the VSCode plug-in marketplace
2. Open your front-end project in VSCode
3. Click the Pages icon in the sidebar
4. Click "Run Build" to build your front-end project
5. Click "Publish Project" to deploy the project to Pages.


Framework Compatibility

This extension can automatically detect mainstream front-end frameworks and handle the build process accordingly. Regardless of whether you use a modern JavaScript framework, static site generator, or traditional Web project, Pages can adapt to your project structure and build requirements.


Environment Requirements

VSCode 1.90.0 and above versions
Node.js for local project builds
Pages API Token, making it easy to deploy directly to the Pages platform after building. For the token's method for obtaining, see the referenced document API Token.