第 2 篇：快速上手 Framer Motion（实操入门）

1. 环境准备

在开始使用 Framer Motion 之前，你需要先确保你的开发环境中已经设置好了 React 项目。我们将使用 Next.js 作为示例，如果你是使用其他 React 框架，步骤也基本相同。

1.1 创建一个 Next.js 项目

如果你还没有创建 Next.js 项目，可以通过以下命令快速创建：

pnpm create next-app my-framer-motion-app
cd my-framer-motion-app

1.2 安装 Framer Motion

在项目根目录下执行以下命令安装 Framer Motion：

pnpm add framer-motion

这样，我们就完成了环境的安装和准备工作。

2. 基础使用：motion.div 和简单动画

在 Framer Motion 中，最常用的做法是将标准的 HTML 元素（如