---
title: "概述"
locale: "zh"
version: "1.x"
canonicalUrl: "https://farmfe.org/zh/docs/1.x/tutorials/overview"
publicationStatus: "prerelease"
---

<a id="概述"></a>
# 概述


在本教程中，我们将从头开始创建一个 Farm React 项目，并介绍如何添加有用的组件库和 Farm 插件。



> [!NOTE]
> 备注
> 
> Vue项目也得到了Farm的全力支持。 Farm中可以直接使用` Vite `的` @vitejs/plugin-vue `。 Farm 与大多数 vite 插件兼容，并且可以开箱即用。



你将学习：


- 如何从头开始构建一个生产就绪的 Farm React 项目。 我们将介绍配置常用插件、添加常见组件库等。
- Farm的基本概念，如` input `、` output `、` dev-server `、` HMR `和` plugins `
- Farm的日常配置和常用插件。


我们的目标是通过本教程简化您使用 Farm 生态系统的开发体验。 如果您想从其他工具迁移到 Farm，它也会很有帮助。



> [!NOTE]
> 备注
> 
> 本教程将 ` 从头开始构建 Farm React 项目 `，如果您想快速启动一个新的 Farm 项目，请使用我们的官方模板和命令 ` pnpm create farm `。



跟着我们的教程，开启你的 Farm 极速开发之旅吧！


- [1. 创建 Farm React 项目](</docs/tutorials/create>)
- [2. 使用 Farm 开发项目](</docs/tutorials/start>)
- [3. 使用 Farm 构建生产环境](</docs/tutorials/build>)



> [!NOTE]
> 备注
> 
> 本教程的源代码在[Farm 教程仓库](<https://github.com/farm-fe/tutorials>)