【HarmonyOS HiSpark Wi-Fi IoT 套件試用連載】HarmonyOS智能設(shè)備開發(fā)工具—DevEco Device Tool 安裝配置

本文來源電子發(fā)燒友社區(qū)，作者：juby， 帖子地址：https://bbs.elecfans.com/jishu_1996043_1_1.html

DevEco Device Tool工具簡介

HUAWEI DevEco Device Tool（以下簡稱DevEco Device Tool）是HarmonyOS面向智能設(shè)備開發(fā)者提供的一站式集成開發(fā)環(huán)境，支持HarmonyOS的組件按需定制，支持代碼編輯、燒錄和調(diào)試等功能，支持C/C++語言，以插件的形式部署在Visual Studio Code上。該工具具有以下特點(diǎn)：

• DevEco Device Tool以Visual Studio Code插件形式提供，體積小巧。
• 支持代碼查找、代碼高亮、代碼自動補(bǔ)齊、代碼輸入提示、代碼檢查等，開發(fā)者可以輕松、高效編碼。
• 支持ARM架構(gòu)的Hi3516/Hi3518系列和RISC-V架構(gòu)的Hi3861系列開發(fā)板，提供一鍵式的燒錄和調(diào)試GUI界面。
• 支持單步調(diào)試能力和查看內(nèi)存、變量、調(diào)用棧、寄存器、匯編等調(diào)試信息。

DevEco Device Tool 以 Visual Studio Code 插件方式提供，安裝分為如下幾步：

1. 安裝 Visual Studio Code(VSCode)
2. 安裝 Node.js
3. 安裝 JDK
4. 安裝 hpm 和其他 npm 包
5. 安裝 DevEco Device Tool 插件
6. 安裝 C/C++插件

其中，下載 nodejs、和 JDK 包可能較慢，本文留言置頂消息有本文涉及所有安裝文件的下載鏈接。

安裝 VSCode

DevEco Device Tool（簡稱 DevEco 插件）是一個(gè) Visual Studio Code（簡稱 VSCode）的插件， 需要先安裝 VSCode；

VSCode 下載頁面：https://code.visualstudio.com/Download， 選擇“System Installer”下載即可：

如果選擇“User Installer”，會有如下提示：

User版會安裝在當(dāng)前計(jì)算機(jī)帳戶目錄，這意味著如果使用另一個(gè)帳號登陸計(jì)算機(jī)將無法使用別人安裝的VSCode。System版本可以安裝在非用戶目錄，例如64位系統(tǒng)默認(rèn)安裝到C:Program FilesMicrosoft VS Code，任何帳戶都可以使用，這是兩個(gè)版本程序的主要區(qū)別。

安裝過程中，請勾選“添加到 PATH（重啟后生效）”，其他按照默認(rèn)選項(xiàng)進(jìn)行即可；

安裝 Node.js

DevEco 插件的燒錄功能依賴 nodejs 和相關(guān)插件，需要先安裝 nodejs 和相關(guān)插件；

Node.js 下載頁面：
https://nodejs.org/en/download/

http://nodejs.cn/download/

根據(jù)自己系統(tǒng)選擇下載安裝包，我選的是 64 bit Windows Installer (.msi) （上面有兩個(gè)版本nodejs的下載鏈接，都是可以使用的，本文選用的是node-v14.13.1-x64.msi），一路默認(rèn)安裝，安裝完成后，我們可以在系統(tǒng)環(huán)境變量中看到已經(jīng)自動添加了nodejs的所在路徑：

打開CMD命令行工具，輸入“node -v”命令，能正常查詢Node.js的版本號，說明Node.js安裝成功。

安裝 JDK

說明 需要安裝 JDK 1.8，下載鏈接：https://jdk.java.net/java-se-ri/8-MR3

將下載后的文件解壓至C盤根目錄下：

添加環(huán)境變量：

1. JAVA_HOME=C:java-se-8u41-ribin
2. 環(huán)境變量PATH末尾加入：;%JAVA_HOME%，注意%前面有英文分號“;”

配置完成之后，驗(yàn)證JDK是否配置正確，打開命令行工具，輸入 java -version 命令，檢查版本號是否 1.8 版本。

安裝 hpm 和其他 npm 包

1. 使用國內(nèi)鏡像源 ，加速模塊下載速度 ： 直接開打cmd，輸入：

npm config set registry https://registry.npm.taobao.org

2. 安裝 hpm 鴻蒙組件管理器：

npm install -g @ohos/hpm-cli

使用“hpm -V”指令查詢hpm版本號，能夠正常查詢說明hpm安裝成功。

注意：
這里查詢hpm的指令需要在cmd控制臺中輸入才行，在Windows PowerShell中測試，不能夠正確的得到版本號。

今天在單位hpm安裝總是失敗，回家一次就安裝成功了，懷疑hpm的安裝跟網(wǎng)絡(luò)是有關(guān)系的，如果大家不能夠正確安裝，可以考慮換一個(gè)網(wǎng)絡(luò)試試，比如拿手機(jī)創(chuàng)建一個(gè)熱點(diǎn)試試。

3. 安裝 Windows 編譯工具包，serialport 包需要編譯本地模塊，必須先安裝此包才能安裝 serialport 包：

npm install -g windows-build-tools 

整體安裝完畢之后提示：

4. 安裝 tftp 包，用于啟動 tftp 服務(wù)器，通過網(wǎng)絡(luò)方式向單板燒錄映像：

npm install -g tftp

5. 安裝 serialport 包，用于通過串口燒寫映像：

npm install -g serialport npm install -g @serialport/parser-readline
npm config set registry https://registry.npm.taobao.org
npm install -g @ohos/hpm-cli
npm install -g windows-build-tools
npm install -g tftp
npm install -g serialport
npm install -g @serialport/parser-readline

一行一行復(fù)制粘貼到控制臺中執(zhí)行，一路順利完成。

下載 DevEco 插件

1. 登錄 HarmonysOS 設(shè)備開發(fā)門戶：https://device.harmonyos.com/cn/home，點(diǎn)擊右上角注冊按鈕，注冊開發(fā)者帳號，注冊指導(dǎo)可以參考如下鏈接注冊華為帳號：https://developer.huawei.com/consumer/cn/doc/20300。
   如果已有華為開發(fā)者帳號，請直接點(diǎn)擊登錄按鈕。

2. 進(jìn)入 HUAWEI DevEco Device Tool 產(chǎn)品頁：https://device.harmonyos.com/cn/ide，下載 DevEco Device Tool 安裝包。
   

   HUAWEI DevEco Device Tool（以下簡稱DevEco Device Tool）工具簡介：
   https://device.harmonyos.com/cn/docs/ide/user-guides/service_introduction-0000001050166905

3. 打開 Visual Studio Code 軟件。

4. 采用從本地磁盤安裝方式，安裝 DevEco Device Tool。

安裝 C/C++插件

HarmonysOS 設(shè)備開發(fā)采用 C/C++語言，Visual Studio Code 工具對 C/C++語言的支持插件非常豐富，可以安裝“C/C++”插件來實(shí)現(xiàn) C/C++代碼智能提示、代碼高亮、格式化等功能，幫助您更高效、便利的開發(fā)更規(guī)范和優(yōu)美的代碼。

在 Visual Studio Code 的插件市場，輸入“C/C++”，然后點(diǎn)擊“Install”。

軟件界面

DevEco Device Tool工具主要分為如下4個(gè)功能區(qū)域。
?工具控制區(qū)：提供工程的導(dǎo)入、配置、燒錄、調(diào)試等功能。
?代碼編輯區(qū)：提供代碼的查看、編寫和調(diào)試等功能。
?輸出控制臺：提供操作日志的打印、調(diào)試命令的輸入及命令行工具等功能。
?快捷控制功能：提供DevEco Device Tool工具的快捷操作命令，如配置模板選擇、工具檢查、編譯等快捷功能。