ArkTS快速入门

????????ArkTS专注于移动端的开发，虽然传统的前端网页开发也同样可以实现，不过学过web前端的都知道，一个网页的实现需要同时使用HTML，JavaScript，CSS这三种不同语言，它们语法完全不同，开发体验并不良好。不过使用ArkTS开发移动端的话就没有这个问题了，仅仅这一种语言，一种语法，开发起来就比较舒服了。

比如这个，实现一个点击自增按钮，ArkTS所操作方式的完全就是 .属性（赋值）? 进行操纵。这就叫声明式UI开发，使用起来非常简便舒适。

性能上并没有下降，执行性能非常高效

而且还有多系统适配，接入能力

开发工具

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：则是存放工程应用级的配置文件

既然是鸿蒙移动端开发，那么就需要一个鸿蒙系统的手机。不过我们不需要真的去购买一台手机，IDEA有自带的预览图。

点击右侧的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%')
  }
}

?最终效果

安装模拟器

此时的效果也仅仅是预览图而已，并不是一个真正的运行的程序。要使程序正常运行，那么就要安装一个支持程序的模拟器

点击IDEA的Device Manage，即设备管理

设备可以是远端设备，也可以是本地设备。我们以安装一个本地设备为例，直接点击install

下载完毕后，进入创建模拟器页面，选择New Emulator添加手机模拟器

选择最新的API9版本，由于我们是第一次使用，它下载了大概2.2G的系统，需要耐心等待一段时间。

这样就可以成功运行模拟器了?

文章来源:https://blog.csdn.net/m0_56308072/article/details/134882914
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：veading@qq.com进行投诉反馈，一经查实，立即删除！

ArkTS快速入门

一、概述

二、TypeScript基本语法

目录

1、变量声明

2、 条件控制

3、循环迭代

4、函数

5、类和接口

6、模块开发

三、ArkTS快速入门

项目创建

目录结构?

index.ets代码解释

安装模拟器

2、条件控制