工欲善其事必先利其器—DevEco Studio
1.2 工欲善其事必先利其器
“且夫水之積也不厚,則其負大舟也無力。覆杯水于坳堂之上,則芥為之舟。”水不夠深為何要讓大船去行駛?小水坑中小葉子也可以做舟,所以適合的才是最合適的。華為為鴻蒙應用開發(fā)提供了一整套完整的解決方案,從開發(fā)工具、模擬器、以及SDK,都是簡單易上手,并且不需要配置復雜的環(huán)境。
1.2.1 開發(fā)工具安裝
華為為鴻蒙應用開發(fā)者基于IntelliJ IDEA Community開源版本打造一款面向華為終端全場景多設備的一站式集成開發(fā)工具—HUAWEI DevEco Studio(以下簡稱IDE)。
IDE為開發(fā)者提供了多設備、多模版選擇,代碼編輯、預覽、編譯、調試、發(fā)布,以及代碼檢查等功能。這些功能給開發(fā)者提供了便捷的、快速的構建項目方法,提升開發(fā)效率以及專注業(yè)務開發(fā)。因為IDE是基于IntelliJ開發(fā)的,所以操作習慣、插件安裝等都不需要改變。
和傳統(tǒng)的開發(fā)工具一樣具備代碼開發(fā)、編譯構建及調試等基本功能外,還具備以下特性:
1) 多設備統(tǒng)一開發(fā)環(huán)境:支持多種鴻蒙設備的應用開發(fā),包括手機(Phone)、平板(Tablet)、車機(Car)、智慧屏(TV)、智能穿戴(Wearable)、輕量級智能穿戴(Lite Wearable)、智慧視覺(Smart Version)設備,相信后續(xù)會支持更多的設備。
2) 支持多語言的代碼開發(fā)和調試:包括Java、XML(Extensible Markup Language)、C/C++、JS(JavaScript)、CSS(Cascading Style Sheets)和HML(HarmonyOS Markup Language)。
3) 支持FA(Feature Ability)和PA(Particle Ability)快速開發(fā):IDE提供了多種可供選擇的模版,可以通過工程向導快速創(chuàng)建FA/PA工程模塊,一鍵式打包成HAP(HarmonyOS Ability Package),一鍵運行查看效果。
4) 支持分布式多端應用開發(fā):一個工程和一份代碼可跨設備運行,支持不同設備界面的實時預覽和差異化開發(fā),實現(xiàn)代碼的最大重用。
5) 支持多設備模擬器:提供多設備的模擬器資源,包括手機、平板、車機、智慧屏、智能穿戴設備的模擬器,方便開發(fā)者高效調試。
6) 支持多設備預覽器:提供JS和Java預覽器功能,可以實時查看應用的布局效果,支持實時預覽和動態(tài)預覽;同時還支持多設備同時預覽,查看同一個布局文件在不同設備上的呈現(xiàn)效果。
到這里我們對IDE有了一定的了解,但只是文字性的闡述,你肯定想體驗一下它了,接下來我將帶大家從安裝到一些基礎的配置,一起來認識IDE。
(1) 下載和安裝IDE
在正式開發(fā)之前,我們需要下載安裝開發(fā)工具IDE,在安裝之前我們需要先查看一下自己的電腦是否符合官網給出的系統(tǒng)要求(表1.2.1)。
表1.2.1 系統(tǒng)要求
我們的系統(tǒng)要求滿足以上條件后,才能夠進行開發(fā)工具的安裝。首先打開鴻蒙官網(https://harmonyos.com),點擊開發(fā)菜單,跳轉到鴻蒙開發(fā)總覽界面,下拉找到下載DevEco Studio(圖1.2.1),點擊進入下載界面(需要認證開發(fā)者、并登錄)。
圖1.2.1 下載IDE工具
你也可以直接訪問鴻蒙開發(fā)者網站進行下載IDE,訪問鏈接地址為:https://developer.harmonyos.com,點擊開發(fā)選項卡,下拉找到DevEco Studio x.x。IDE提供了Windows和Mac版本的下載地址,這里選擇Mac版本的下地址(圖1.2.2)。
圖1.2.2 下載Mac版本
下載完成后,解壓壓縮文件,可以看到IDE的安裝文件(圖1.2.3)。
圖1.2.3 安裝文件
雙擊deveco-studio-xx.dmg,打開安裝界面(圖1.2.4),并將“DevEco-Studio”拖拽到“Applications”中,等待安裝完成,完成后啟動IDE。
圖1.2.4 安裝
(2) 下載、配置SDK路徑
啟動IDE后,首先需要安裝HarmonyOS SDK(圖1.2.5),由于我的電腦只有一個磁盤,我并沒有對安裝路徑做更改,如果有需要你可以將HarmonyOS SDK存儲到其他盤中。
圖1.2.5 選擇HArmonyOS SDK路徑
接受安裝協(xié)議(圖1.2.6)。
圖1.2.6 接受協(xié)議
等待安裝完成(圖1.2.7)。
圖1.2.7 完成HarmonyOS SDK安裝
至此,IDE安裝和HarmonyOS SDK已經完成安裝,但是IDE還提供了預覽功能,我們需要在IDE中進行配置。打開設置界面(圖1.2.8)(Configure -> Preferences),選擇HarmonyOS SDK選項卡(Appearance & Behavior -> System Settings -> HarmonyOS SDK),切換SDK Tools,勾選Previewer下與當前SDK版本一致的預覽并安裝(圖1.2.9)。
圖1.2.8 打開設置
圖1.2.9 開啟預覽
(3) 一些習慣性的配置
- 設置界面字體和大?。篈ppearance && Behavior -> Appearance -> Use custom font -> Apply。
- 設置編輯器字體大?。篍ditor -> Font -> Font & Size -> Apply。
- 設置快捷鍵方式:Keymap -> Eclipse(根據習慣) -> Apply。
- 設置編碼格式為UTF-8:Editor -> File Encoding -> Global & Project & Default encoding -> Apply。
- 設置控制臺編碼格式:Editor -> General -> Console -> Default Encoding -> Apply。
- 忽略代碼編輯大小寫提示:Editor -> General -> Code Completion -> 去掉Match case勾選 -> Apply。
注:如有需要可以根據自己的習慣在設置界面中配置相關屬性。
1.2.2 開發(fā)環(huán)境配置
如果你使用過IntelliJ Idea或者Android Studio工具做過開發(fā),那么你對上面的配置修改可能已經很熟練了。開發(fā)工具安裝和配置完成后,使用Java語言做開發(fā),難道不用安裝JDK嗎?
如果我們打開IDE的根目錄,打開Contents -> tools -> openjdk -> Contents -> Home目錄下(圖1.3.0),你就會發(fā)現(xiàn)其已經集成了開源的JDK。因此我們不需要再安裝JDK就可以直接開始開發(fā)了,當然這只是因為本書使用Java作為開發(fā)語言,如果你使用JS的話,請根據官方文檔自行配置開發(fā)環(huán)境。
圖1.3.0 開源JDK位置
習題:
- 1)HUAWEI DevEco Studio有哪些功能?
- 2)HUAWEI DevEco Studio有哪些特性?
參考文獻:
[1] HarmonyOS Developer應用開發(fā)HUAWEI DevEco Studio工具介紹