在前端开发中，我们常常需要使用各种工具来提高开发效率和代码质量。@boat/cli 就是一款非常好用的工具，它可以让你快速创建一个 React 项目，并集成了项目开发所需的一些重要功能，如状态管理、路由管理等。
安装
首先，我们需要安装 @boat/cli 包。在终端中输入以下命令：
npm install -g @boat/cli
创建项目
创建项目非常简单，只需在终端中运行以下命令：
boat create my-project
其中，my-project 为你创建的项目名字。
初始化项目
创建项目成功后，我们进入项目目录并运行以下命令来初始化项目：
cd my-project boat init
这将会初始化项目的依赖、配置文件和文件夹结构。
启动项目
初始化项目完成后，我们可以运行以下命令来启动项目：
boat start
这将会启动项目，并在浏览器中打开项目页面。
使用示例
以下为一个简单的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- -------
-------- ----- -
------ -
-----
------- --------------------- ---------------
------
--
-
------ ------- ----这里我们使用了 antd 组件库中的 Button 组件，并在 Button 中添加了一个 “Hello, World!” 的文本。当我们启动项目后，在浏览器中将会显示一个带有 Button 组件的页面，鼠标点击按钮会出现提示框。
总结
通过本教程，你已经掌握了如何安装、使用 @boat/cli 来创建一个 React 项目。并且通过示例代码，你还可以了解到如何在项目中使用 antd 组件库中的 Button 组件。
但是，实际项目开发中，我们需要更加复杂和实用的组件和功能，这也是你需要不断学习和研究的地方。希望本教程能为你提供帮助，并指导你学习前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005583381e8991b448d5616