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编辑器内置了多套颜色主题,可以通过“文件”→“首选项”→“颜色主题”选项进行设置。