边缘开发者平台
  • Pages
    • 产品简介
    • 快速开始
      • 导入 Git 仓库
      • 从模板开始
      • 直接上传
      • 从 AI 开始
    • 框架指南
      • 前端
        • Vite
        • React
        • Vue
        • 其他框架
      • 后端
      • 全栈
        • 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 记录
    • 可观测性
      • 概览
      • 指标分析
      • 日志分析
    • Pages Functions
      • 概览
      • Edge Functions
      • Cloud Functions
        • 概览
        • Node Functions
    • 中间件
    • KV 存储
    • 边缘 AI
    • API Token
    • EdgeOne CLI
    • Pages MCP
    • 消息通知
    • 集成指南
      • AI
        • 对话型大模型集成
        • 图片大模型集成
      • 数据库
        • Supabase 集成
        • Pages KV 集成
      • 电商
        • Shopify 集成
        • WooCommerce 集成
      • 支付
        • Stripe 集成
        • Paddle 集成
      • CMS
        • WordPress 集成
        • Contentful 集成
        • Sanity 集成
        • Payload 集成
      • 身份验证
        • Supabase 集成
        • Clerk 集成
    • 最佳实践
      • 使用通用大模型快速搭建 AI 应用
      • 使用边缘 AI 模型快速搭建对话型 AI 站点
      • 使用 Shopify 搭建电商平台
      • 使用 Supabase 和 Stripe 搭建 SaaS 站点
      • 如何快速搭建公司品牌站点
      • 如何快速搭建博客站点
    • 迁移指南
      • 从 Vercel 迁移至 EdgeOne Pages
      • 从 Cloudflare Pages 迁移至 EdgeOne Pages
      • 从 Netlify 迁移至 EdgeOne Pages
    • 排障指南
    • 常见问题
    • 联系我们
    • 产品动态

Vue

Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它采用声明式渲染和组件化开发模式,通过响应式数据绑定与虚拟 DOM 技术实现高效更新。Vue 核心库专注于视图层,易于集成。其设计兼顾灵活性与工程化,支持选项式 API 与组合式 API 两种编码风格,适合从轻量交互到大型单页应用的多样化场景。
如果您想快速体验 Vue,这里是一些基于 Vue 部署的模板:
Vite Vue3
您还可以使用 npm create vue@latest my-vue-app 构建 Vue 项目,创建的项目将使用基于 Vite 的构建设置。以下内容将介绍如何使用命令构建项目并部署到 EdgeOne Pages。

创建 Vue 应用

我们使用 Vue 官方推荐的 Vite 创建,创建后的项目启动和热更新速度快,配置简单直观。
1. 确保已安装 ^20.19.0 || >=22.12.0 版本的 Node.js
2. 在终端运行:
npm create vue@latest my-vue-app
3. 根据交互式提示选择需要的功能。

4. 进入项目并启动。
cd my-vue-app
npm install
npm run dev

部署项目

Git 部署

您可以将项目提交到 GitHub,GitLab 等平台,然后使用我们的 Git 部署

CLI 部署

也可以安装 Pages 的脚手架工具,详细安装和使用方法请参考 EdgeOne CLI。配置完成后,使用edgeone pages deploy 命令部署项目。在部署过程中,CLI 会先自动构建项目,然后将构建产物上传并发布。