简介
generator-livewall-dennis-test 是一个基于 Yeoman 的 npm 包，可以用于快速创建一个 React 实时数据墙项目的脚手架。
本教程将会详细介绍如何安装和使用这个 npm 包，以及如何进行项目开发和部署。
安装
首先需要安装 Node.js 和 npm，可以在官网下载安装包并进行安装。
然后通过 npm 安装 Yeoman 和 generator-livewall-dennis-test 这两个 npm 包：
npm install -g yo npm install -g generator-livewall-dennis-test
使用
创建项目
在命令行中输入以下命令，创建一个新的项目：
yo livewall-dennis-test
然后按照提示进行输入，等待项目初始化完成。
开发
使用以下命令启动项目：
npm start
使用浏览器访问 http://localhost:3000 即可查看实时数据墙页面。
可以在 src 目录下进行 React 组件的开发，同时也可以修改 public/index.html 中的标题和页面结构。
部署
使用以下命令打包项目：
npm run build
打包后的文件位于 build 目录下，可以上传至服务器进行部署。
示例代码
以下是一个简单的实时数据墙组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------------- - ---- --------
----- ----- ------- --------------- -
----- - -
---------- --
-
------------------- -
---------------------- ---------- -- -
---------------
----------
---
---
-
-------- -
------ -
-----
------------- ----------
------------- --------------------------
------
--
-
-
------ ------- ------其中使用了一个带有回调函数的 API subscribeToTimer，用于实时获取服务器传来的数据。可以在 src/api.js 中进行实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005667f81e8991b448e292b