背景
在前端开发中，我们经常面临需要安装依赖、配置服务启动等问题。使用 npm 包可以方便地解决这些问题，使我们能够更好地进行前端开发。
其中，hops-cli 是一个非常优秀的 npm 包，帮助我们快速创建现代化的 React 应用程序。本文将详细介绍如何使用 hops-cli。
安装 hops-cli
hops-cli 可以通过 npm 安装，命令为：
npm install -g hops-cli
创建新项目
使用 hops-cli 可以快速创建新的 React 应用程序。运行以下命令可以创建一个新的 React 应用程序：
hops new my-app
这样将会在当前目录下创建一个名为 my-app 的新项目。在安装依赖后，可以使用以下命令进入应用程序的文件夹：
cd my-app
现在可以进行开发了！
开发
在开发期间，最常用的命令是：
hops develop
它将启动应用程序，并在浏览器中打开它的地址。
开发时，推荐使用 VS Code。下载 Live Server 插件并启动，可以实现自动刷新。
构建
完成开发后，可以使用以下命令构建应用程序：
hops build
它将在 build 文件夹中创建一个构建好的应用程序。
部署
构建完成后，可以将应用程序部署到服务器上。
示例代码
以下是一个使用 React 和 hops-cli 创建的简单网站：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- ------------
------ - ------------- -- ------- ------ ------- ---- - ---- -------------------
-------- ----- -
------ -
--------
-----
-----
----
----
----- ------------------
-----
----
----- ------------------------
-----
----
----- ----------------------------
-----
-----
------
--------
------ -------- ------
----- --
--------
------ --------------
------ --
--------
------ ----------------
-------- --
--------
---------
------
---------
--
-
-------- ------ -
------ --------------
-
-------- ------- -
------ ---------------
-
-------- --------- -
------ -----------------
-
----------- --- ---------------------------------总结
使用 hops-cli 可以方便快捷地创建 React 应用程序。开发时可以自动刷新，构建完成后可以直接部署到服务器上。希望本文对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/107047