ArkTS快速入門

一、概述

????????ArkTS是鴻蒙生態的應用開發語言。它在保持TypeScript（簡稱TS）基本語法風格的基礎上，對TS的動態類型特性施加更嚴格的約束，引入靜態類型。同時，提供了聲明式UI、狀態管理等相應的能力，讓開發者可以以更簡潔、更自然的方式開發高性能應用。

? ? ? ? 簡而言之，ArkTS是華為官方推薦的HarmonyOS開發的主力語言，它是華為自己開發的語言。由于HarmonyOS3.0之后就不再支持Java開發了，因此我們要在鴻蒙系統上開發app，就需要學習這門語言。

特點

開發效率高，體驗好

????????ArkTS專注于移動端的開發，雖然傳統的前端網頁開發也同樣可以實現，不過學過web前端的都知道，一個網頁的實現需要同時使用HTML，JavaScript，CSS這三種不同語言，它們語法完全不同，開發體驗并不良好。不過使用ArkTS開發移動端的話就沒有這個問題了，僅僅這一種語言，一種語法，開發起來就比較舒服了。

比如這個，實現一個點擊自增按鈕，ArkTS所操作方式的完全就是 .屬性（賦值）? 進行操縱。這對于習慣使用Java開發的人來說可以說是非常舒服了。

性能上并沒有下降，執行性能非常高效

而且還有多系統適配，接入能力

開發工具

DevEco Studio：HUAWEI DevEco Studio和SDK下載和升級 | HarmonyOS開發者

注意它需要node.js環境，版本最低不能低于14.19.1，最高不能高于17.0.0。

使用NVM實現多版本Node.js的版本共存和無縫切換_nodejs多版本共存-CSDN博客https://blog.csdn.net/m0_56308072/article/details/130894356?spm=1001.2014.3001.5501

這樣檢測的時候沒有報錯就可以使用了，又報錯直接點擊后面的安裝即可。

二、TypeScript基本語法

ArkTS是基于TypeScipt開發的，其語法也是十分的相似。因此我們需要先了解TypeScipt的基本語法，方便ArkTS的學習。

三、ArkTS快速入門

項目創建

創建一個空項目

簡單解釋一下其中的配置項：

Project name是開發者可以自行設置的項目名稱，這里根據自己選擇修改為自己項目名稱。
Bundle name是包名稱，默認情況下應用ID也會使用該名稱，應用發布時對應的ID需要保持一致。
Save location為工程保存路徑，建議用戶自行設置相應位置。
Compile SDK是編譯的API版本，這里默認選擇API9。
Model選擇Stage模型，其他保持默認即可。

吐槽：怎么跟IDEA長得這么像

目錄結構?

左邊的目錄大多是配置文件，用到的時候再講，現在先將其切換為Ohos，IDE會自動將目錄按照類型分類

AppScope：主要用于存放整個應用公共的信息與資源
entry：入口，初始模塊。用于存放編寫的代碼文件
configuration：存放相應模塊的配置文件
resource對應模塊內的公共資源
entryability：存放ability文件，用于當前ability應用邏輯和生命周期管理。
pages：存放UI界面相關代碼文件，初始會生成一個Index頁面。
最外層的configuration：則是存放工程應用級的配置文件

既然是鴻蒙移動端開發，那么就需要一個鴻蒙系統的手機。不過我們不需要真的去購買一臺手機，IDE中有自帶的模擬器。

點擊右側的Previewer，即可看到index.ets文件的效果（ArkTS寫的文件后綴統一叫.ets）?

index.ets代碼解釋

邏輯清晰了之后，我們可以嘗試使用官方的ArkUI直接拼接一個頁面出來（這里僅展示一下，后面會具體學習ArkUI）

其頁面的基本骨架就是如此

@Entry
@Component
struct Index {build() {}
}

拼接UI

@Entry
@Component
struct Index {build() {Column({space: 20}){Image('logo.png')TextInput({placeholder: '用戶名'})TextInput({placeholder: '密碼'}).type(InputType.Password).showPasswordIcon(true)Button('登錄')Row(){Checkbox()Text('記住我').fontColor('#36D')}}.width('100%')}
}

?最終效果

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/208138.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/208138.shtml
英文地址，請注明出處：http://en.pswp.cn/news/208138.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！