前端开发中经常需要使用各种各样的工具、框架、库等等，而 npm 就是其中非常重要也非常常用的一个工具。@doctorwork/h5 是一款以 React 和 Antd 为基础的 SPA（单页应用）前端脚手架工具，它提供了一些很实用的特性，项目初始化、构建、测试与部署等方面，极大的提高了前端的开发效率。本文就来介绍如何使用 @doctorwork/h5 这个工具。
步骤一：安装 @doctorwork/h5
首先，你需要在本地电脑上安装 @doctorwork/h5。打开命令行工具，输入以下命令来进行安装：
npm install -g @doctorwork/h5
步骤二：新建项目
安装完成后，你可以使用以下命令来创建新的 @doctorwork/h5 项目：
h5 c my-project
其中，my-project 为你需要命名的项目名称。
步骤三：运行项目
项目创建完成后，你需要使用以下命令启动你的项目：
cd my-project // 进入项目目录 npm start // 启动项目
打开浏览器，在地址栏中输入 http://localhost:3000 即可看到你的 @doctorwork/h5 项目首页。
步骤四：自定义配置
如果你需要对 @doctorwork/h5 进行自定义配置，你可以在项目根目录下的 config 文件夹中进行相应的配置。
比如，你可以在 config/config.js 中修改默认端口号：
module.exports = {
devServerPort: 8888, // 修改默认端口号为 8888
...
}示例代码
以下是一个简单的示例代码，用于输出一个 “Hello, World!” 的提示信息：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --------------
-------- ----- -
------ -
---- ----------------
---------- -----------
------
--
-
-------------------- --- ---------------------------------结论
以上就是使用 @doctorwork/h5 创建新项目的步骤，以及一些简单的示例代码。@doctorwork/h5 的优点在于它使用基础的 React 技术开发，但又加入了 Antd、Webpack、ESlint、Prettier 等一些辅助工具来简化开发人员的工作。同时，@doctorwork/h5 也提供了极简的项目模板，让你可以快速开始你的项目。希望这篇文章能为你提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/149051