阅读本文需要3分钟

?

介绍如何用JS开发智能手表App，首先按下图创建智能手表的工程（工程名是MyFirstWatch）。

?

watch工程目录的结构与TV工程的结构类似，只是源代码除了java部分，还有js部分，而且多了个node_modules目录，用过Node的同学都应该很清楚，这个目录是保存Node中模块的。js目录包含了所有相关的JS、HTML和CSS代码。watch工程目录结构如下图所示。

现在着重看一下js目录，结构如下：

?

在js/default目录下，有3个子目录：common、i18n和pages。其中common是一些资源，如图像等。i18n用于国际化，默认有两个文件：en-US.json和zh-CN.json，分别表示英文和中文字符串。pages目录包含了一些代码文件。index是默认生成的首页目录。其中包含3个文件：index.css、index.hml和index.js。其中index.hml是定制的HTML文件（减少了部分标签，也增加了一些标签，但总体风格与HTML非常接近）。现在分别看一下这3个文件的代码：

?

从这3个文件的代码可以看出，与微信小程序的开发方式非常接近。而且大多数技术都是Web栈的，因此，只要会Web、微信小程序的程序员，很容易上手。

现在按前面的方式申请智能手表虚拟设备，效果如下图所示。

?

现在运行程序，会得到下面的结果：

?

如果要修改输出文本，可以直接修改国际化文件zh-CN.json，也可以直接修改index.js或index.hml文件。

?

欢迎关注公众号：Python爬虫数据分析挖掘，回复【开源源码】免费获取更多开源项目源码

公众号每日更新python知识和【免费】工具

鸿蒙如何用JS开发智能手表App