HarmonyOS IoT设备开发实战
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.6 使用HUAWEI DevEco Device Tool

HUAWEI DevEco Device Tool是HarmonyOS官方提供的开发工具,为开发者提供了代码编辑和软件调试于一体的集成开发能力。HUAWEI DevEco Device Tool是以VS Code编辑器插件的形式发布的。因此,在安装HUAWEI DevEco Device Tool之前,需要先安装VS Code编辑器。

1.6.1 下载HUAWEI DevEco Device Tool及其依赖的软件

1.下载HUAWEI DevEco Device Tool

在HarmonyOS设备开发网站的IDE页面上,可以下载HUAWEI DevEco Device Tool,如图1-13所示。

图1-13

HarmonyOS 设备开发网站提供的是 zip 压缩包,下载完成后,需要将 zip压缩包解压,以备后续使用。

2.下载VS Code编辑器

VS Code 编辑器是由微软开发的一款功能丰富的代码编辑器。可以在VS Code官网的下载页中找到不同操作系统版本的安装包,如图1-14所示。

3.下载Node.js安装包

HUAWEI DevEco Device Tool依赖一些使用Node.js开发的组件。因此,在安装HUAWEI DevEco Device Tool之前,需要先下载并安装Node.js安装包。可以在Node.js官方网站下载Node.js安装包。注意,在下载时请选择LTS 12.0.0及以上版本。

4.下载JDK

HUAWEI DevEco Device Tool包含一些使用Java开发的组件。因此,在安装HUAWEI DevEco Device Tool之前,需要先下载并安装JDK或OpenJDK。可以在Java官方网站下载JDK,可以在OpenJDK开源项目的首页下载OpenJDK。

图1-14

1.6.2 安装HUAWEI DevEco Device Tool

在安装HUAWEI DevEco Device Tool之前,需要先安装HUAWEI DevEco Device Tool依赖的软件,具体包括VS Code编辑器、Node.js、JDK/OpenJDK、以及包管理器。

1.安装VS Code编辑器

在VS Code安装包下载完成后,可以按照以下步骤安装。

(1)运行安装程序,单击“我同意此协议”单选按钮,单击“下一步”按钮,如图1-15所示。

(2)在后续几个步骤中,按照安装程序的提示进行操作,单击“下一步”按钮即可。

图1-15

(3)在“准备安装”页面,单击“安装”按钮确认此前的选项,安装过程将开始。

(4)在一段时间后,弹出“安装完成”页面,单击“完成”按钮确认安装完成,会默认运行VS Code编辑器。

2.安装Node.js

HUAWEI DevEco Device Tool依赖Node.js,因此在安装HUAWEI DevEco Device Tool之前需要先安装Node.js。安装Node.js的具体操作步骤如下。

(1)在Node.js安装包下载完成后,单击安装包进行安装,勾选“I accept the terms in License Agreement”(我接受许可协议中的条款)按钮,其余选项全部按照默认选择,单击“Next”(下一步)按钮,最后单击“Install”(安装)按钮即可开始安装。

(2)在 Node.js 安装完成后,单击“此电脑”→“属性”→“高级系统设置”→“高级”→“环境变量”→“系统变量”,新增NODE_PATH环境变量,值为 C:\Users\%USERNAME%\AppData\Roaming\npm\node_modules,其中,把%USERNAME%替换为当前的Windows登录用户名。

在以上操作完成后,按Win键(或Win+R组合键)输入cmd命令并按回车键,打开命令提示符窗口,执行node-v命令,若能够输出版本信息,则表示安装成功。

3.安装JDK OpenJDK

HUAWEI DevEco Device Tool依赖Java 8,因此在安装HUAWEI DevEco Device Tool之前需要先安装Java 8。若已经安装了Java 8,则可以跳过此步骤。

(1)打开命令提示符窗口,运行java-version命令,检测Java版本,若能够输出版本号,则已经安装。

(2)在Java官网或OpenJDK网站下载JDK安装包。

(3)运行JDK或OpenJDK安装包,按照向导操作,安装Java。

在以上操作完成后,打开命令提示符窗口,执行 java-version 命令,若能够输出版本信息,则表示安装成功。

4.安装包管理器

HUAWEI DevEco Device Tool依赖HarmonyOS包管理器(hpm),因此在安装HUAWEI DevEco Device Tool前需要先安装HarmonyOS包管理器。具体操作步骤如下。

(1)按Win键(或Win+R组合键)输入cmd命令并按回车键,打开命令提示符窗口。

(2)执行npm install-g@ohos/hpm-cli命令,安装HarmonyOS包管理器。

在以上操作完成后,打开命令提示符窗口,执行 hpm-V 命令(注意 V 是大写的)。若能够输出版本信息,则表示安装成功。

5.安装HUAWEI DevEco Device Tool

在VS Code编辑器、Node.js、JDK/OpenJDK和HarmonyOS包管理器安装成功后,就可以安装HUAWEI DevEco Device Tool了,具体操作步骤如下。

(1)打开VS Code编辑器。

(2)单击VS Code编辑器左侧的“EXTENSION”(扩展)图标,单击左侧边栏右上角的“…”按钮显示下拉菜单,在下拉菜单中选择“Install from VSIX…”(从VSIX中安装……)选项,如图1-16所示。

图1-16

(3)在弹出的文件选择对话框中,选择“下载”目录中此前已下载完成并解压出来的HUAWEI DevEco Device Tool,如图1-17所示。

图1-17

6.安装其他VS Code插件

在网络连接正常的情况下,你可以通过VS Code编辑器的“EXTENSION”页面,在线搜索和安装可用插件。这里推荐安装以下插件:

(1)C/C++,该插件用于提供 C/C++代码的语法解析、智能提示、函数跳转等功能。

(2)Chinese (Simplified) Language Pack for Visual Studio Code,简体中文插件,该插件用于提供VS Code编辑器菜单的中文显示。

1.6.3 映射Samba服务的共享目录到本地磁盘

如果你的编译服务器Ubuntu 20.04系统上已经成功地安装了Samba服务,并且配置了共享目录,那么在同一个网络中的Windows主机上就可以将Samba服务的共享目录映射到本地磁盘。在映射到本地磁盘后,就可以使用Windows上的编辑器修改 Samba服务的共享目录中的文件,例如使用 VS Code编辑代码。在Windows主机上,映射Samba服务的共享目录的具体操作步骤如下。

(1)找到并打开“映射网络驱动器”下拉菜单,例如在Windows 10中,可以在文件管理器中找到“映射网络驱动器”下拉菜单,如图1-18所示。

图1-18

(2)在弹出的“映射网络驱动器”对话框中,在“文件夹”文本框中填入 Samba 服务地址和共享目录。例如,我的编译服务器的 IP 地址是192.168.1.157,Samba服务配置的共享目录名为home,在“文件夹”文本框中应该输入“\\192.168.1.157\home\user”。然后,单击“完成”按钮,如图1-19所示。

图1-19

(3)在弹出的“输入网络凭据”对话框中输入Samba用户名和密码,勾选“记住我的凭据”复选框,单击“确定”按钮,如图1-20所示。

如果你输入的Samba用户名和密码正确,那么会成功地打开网络位置,并且可以在地址栏中看到映射了本地盘符,如图1-21所示。

图1-20

图1-21

1.6.4 用HUAWEI DevEco Device Tool导入项目

在VS Code编辑器安装HUAWEI DevEco Device Tool插件后,在下一次打开时会弹出HUAWEI DevEco Device Tool的欢迎页面,如图1-22所示。

使用HUAWEI DevEco Device Tool导入项目的具体操作流程如下。

(1)单击欢迎页面的“导入工程”按钮,会弹出“导入工程”页面,如图1-23所示。

图1-22

图1-23

(2)在“导入工程”页面中,在“选择文件夹”文本框中输入“z:\openharmony”,或通过单击右侧的文件夹图标选择 HarmonyOS 源代码所在的目录,单击“导入”按钮。

(3)稍等片刻后,项目导入成功,如图1-24所示。

图1-24

VS Code编辑器内置了多套颜色主题,可以通过“文件”→“首选项”→“颜色主题”选项进行设置。