前端
EdgeOne Pages 支持多种流行的前端框架，旨在优化您的网站构建和运行体验。我们为一系列热门前端框架提供优质支持，您可以使用各种前端框架构建 Web 应用程序，并且在许多情况下，无需进行任何前期配置即可完成部署。
为了帮助您更快速地开始，我们提供了一些现成的模板，创建项目时您可以一键部署，轻松构建您的应用程序。
| | |
了解构建命令和输出目录的相关概念，以便顺利进行部署。
构建命令：这是在项目构建时需要执行的命令，例如
npm run build。构建命令将在 Bash shell 中运行，因此您可以使用 Bash 兼容的语法。输出目录：构建后生成的可部署 HTML 文件和资源的目录。该目录相对于项目目录，默认情况下项目目录为根目录
（/）。请确保指定的输出目录包含所有必要的文件，以便 EdgeOne Pages 能够顺利进行部署。
接下来，我们将展示每个框架的基本配置，帮助您快速在 EdgeOne Pages 上进行部署。
说明：
Nuxt.js，Remix，Svelte 对服务器端渲染（SSR）的支持目前正在开发中。
React.js
特点：React.js 是一个用于构建用户界面的 JavaScript 库，适合构建单页应用（SPA）和复杂的用户界面。
默认构建设置如下：
构建命令:
npm run build输出目录:
build
使用建议：确保在构建前安装所有依赖，并使用 npm start 进行本地开发。
Vue.js
特点：Vue.js 是一个渐进式框架，易于上手，适合快速开发和原型设计。
默认构建设置如下：
构建命令:
npm run build输出目录:
dist
使用建议：使用 Vue CLI 创建项目，可以自动配置构建设置。
Nuxt.js
特点：Nuxt.js 是一个基于 Vue.js 的框架，支持静态站点生成。
默认构建设置如下：
构建命令:
npm run generate输出目录:
dist
使用建议：适合需要 SEO 优化的项目，确保在生成前配置好路由。
Astro
特点：Astro 是一个现代静态站点生成器，支持多种前端框架，注重性能。
默认构建设置如下：
构建命令:
npm run build输出目录:
dist
使用建议：利用 Astro 的组件系统，可以轻松集成 React、Vue 等框架。
Docusaurus
特点：Docusaurus 是一个专注于文档网站的框架，提供了良好的默认样式和功能。
默认构建设置如下：
构建命令:
npm run build输出目录:
build
使用建议：适合构建技术文档和博客，使用 Markdown 格式编写内容。
Angular
特点：Angular 是一个功能强大的前端框架，适合构建大型企业级应用。
默认构建设置如下：
构建命令:
npm run build输出目录:
dist/angular/browser
使用建议：使用 Angular CLI 创建项目，确保遵循最佳实践。
Gatsby
特点：Gatsby 是一个基于 React 的静态站点生成器，注重性能和 SEO。
默认构建设置如下：
构建命令:
npm run build输出目录:
public
使用建议：利用丰富的插件生态系统，增强站点功能。
Hexo
特点：Hexo 是一个快速、简洁的博客框架，基于 Node.js。
默认构建设置如下：
构建命令:
hexo generate输出目录:
public
使用建议：使用主题和插件自定义博客外观和功能。
Qwik
特点：Qwik 是一个新兴的框架，专注于极致的性能和快速加载。
默认构建设置如下：
构建命令:
npm run build输出目录:
dist
使用建议：适合需要高性能的应用，关注用户体验。
Remix
特点：Remix 是一个现代的 React 框架，支持服务器端渲染和数据获取。
默认构建设置如下：
构建命令:
npm run build输出目录:
build/client
使用建议：利用 Remix 的数据加载功能，优化页面性能。
Solid
特点：Solid 是一个高性能的前端框架，注重响应式编程。
默认构建设置如下：
构建命令:
npm run build输出目录:
dist
使用建议：适合需要高效渲染的应用，关注组件的性能。
Svelte
特点：Svelte 是一个新颖的框架，编译时将组件转换为高效的 JavaScript 代码。
默认构建设置如下：
构建命令:
npm run build输出目录:
build
使用建议：利用 Svelte 的简洁语法，快速构建交互式应用。