Product Introduction
Quick Start
- Importing a Git Repository
- Starting From a Template
- Direct Upload
- Start with AI
Framework Guide
- Frontends
  - Vite
  - React
  - Vue
  - Other Frameworks
- Backends
- Full-stack
  - Next.js
  - Nuxt
  - Astro
  - React Router
  - SvelteKit
  - TanStack Start
  - Vike
- Custom 404 Page
Project Guide
- Project Management
- edgeone.json
- Configuring Cache
- Error Codes
Build Guide
Deployment Guide
- Overview
- Create Deploys
- Manage Deploys
- Deploy Button
- Using Github Actions
- Using CNB Plugin
- Using IDE PlugIn
- Using CodeBuddy IDE
Domain Management
- Overview
- Custom Domain
- HTTPS Configuration
  - Overview
  - Apply for Free Certificate
  - Using Managed SSL Certificate
- Configure DNS CNAME Record
Observability
- Overview
- Metric Analysis
- Log Analysis
Pages Functions
- Overview
- Edge Functions
- Cloud Functions
  - Overview
  - Node Functions
Middleware
KV Storage
Edge AI
API Token
EdgeOne CLI
Pages MCP
Message Notification
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
  - Payload Integration
- Authentication
  - Supabase Integration
  - Clerk Integration
Best Practices
- Using General Large Model to Quickly Build AI Application
- Use the DeepSeek model to quickly build a conversational AI site
- Building an Ecommerce Platform with Shopify
- 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 PlugIn

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:
The IDE currently supports CodeBuddy, VSCode, and Cursor, with more platforms to be supported in the future. The following content uses VSCode as an example.
EdgeOne Pages Extension
﻿
Feature Overview
Intelligent detection - Automatically identify the front-end framework of a project.
One-click build - View build details via the IDE-integrated terminal.
Easy deployment - Deploy to Pages with one click.
Getting Started
1. Search for "EdgeOne Pages" in the VSCode plug-in marketplace and install it.
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 or later.
Node.js, used for local project building.
Pages API Token, making it easy to deploy directly to the Pages platform after building. The method for obtaining the token can be found in the API Token document.
﻿

Feature Overview
Getting Started
Framework Compatibility
Environment Requirements