什么是 nextion
nextion 是一款智能 LCD 显示屏，通过串口与主控板通讯，展示各种信息，可广泛应用于电子、通讯等领域。在前端中，我们可以利用 nextion 展示一些特定的信息，将其应用于 UI 界面中。
npm 包 nextion
npm 包 nextion 是一个方便大家使用 nextion 的库，可以轻松地操作 nextion 展示屏。
安装
使用 npm 进行安装：
--- ------- ------- ------
使用
导入 nextion 包
------ - ------- - ---- ---------
初始化
----- ------- - --- --------- ----- -------------------------- -- ---------------- --------- ------ -- --- --连接
-----------------
发送数据
--------------------------- -- -------
示例
下面来详细演示一下如何使用 npm 包 nextion 进行操作。
假设我们有一个项目需要在 nextion 展示屏上展示一个显示框，框内随时间显示递增的数字。
准备工作
首先，我们需要准备好 nextion 展示屏，并且串口连接在电脑上。然后，我们需要进入 nextion 的编辑器中，创建一个文本框和一个变量。
在这里，我们创建了一个文本框和一个变量，变量的名称为 "t0"，初值为 "0"。
编写代码
让我们开始编写代码了。首先，我们需要导入 nextion 包。
------ - ------- - ---- ---------
然后，我们需要定义一个计时器，每秒更新一次显示框内的数字。
--- ------ - - -- -------- -------------- -- - -------- ----------------------------------- -- ---- -- -----最后，我们需要初始化 nextion 展示屏。
----- ------- - --- --------- ----- -------------------------- -- ---------------- --------- ------ -- --- -- -----------------运行代码
将代码存储为
index.js文件，并且使用 Node.js 进行运行：---- --------
现在，我们可以在 nextion 展示屏上看到一个数字不断递增的文本框了。
总结
npm 包 nextion 是一个方便大家使用 nextion 的库，通过上面的内容，我们了解了如何安装、使用等基本操作，也讲解了如何应用 nextion 进行一个简单的数字显示效果，希望对大家在应用 nextion 中有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5f51ab1864dac671e2