HarmonyOS（ArkTS）学习笔记第一天——DevEco studio下载

作者：很楠不爱3 | 2024-03-14 20:50:03

踩

1.DevEco studio的下载

2.运行第一个HelloWorld项目

3.小手机下载

1.DevEco studio的下载

想要开发一个鸿蒙项目，首先是要下载DevEco studio，我们可以在官网下载。这里附上官网链接。

官网下载地址：HUAWEI DevEco Studio和SDK下载和升级 | 华为开发者联盟

这里以Windows 10为例，详细介绍如何下载，配置环境。

点击官网链接选择第一个右侧的下载按钮。

下载完成后根据自己选择的路径找到安装包，如下：

解压之后是这样的图标：

右键点击以管理员身份运行，开始下载，点击Next即可。

！！！注意c盘空间不足不要下载c盘，换安装路径时文件名不要带空格和中文，其他点击Next即可。下面这个勾选框可以都勾选。

然后继续Next。

然后点击Istall。

等待一会儿下载完成后点击Next，然后在下面界面中默认第二个，点击finish。

接着配置DevEco studio，双击桌面的蓝色三角形的图标，启动软件，在弹出的协议条框中点击agree。

接着按照图片中的下载安装Nodejs和Ohpm 。

点击next后安装sdk.

点击next后点击agree，接着点击Next。

等待一会儿之后，界面无红色就代表成功了，点击finish，如果失败再试一次，保持网络畅通，进行下载。如果成功后点击finish按钮就可以看到下面的界面。

这时候我们检查一下环境是否配置成功。

如果下面这个界面中，红框的位置是橙色感叹号也是成功的，可以不用管它。其他的地方都为绿色的勾，那么就可以进入开发阶段了，否则就是有问题的，对应解决即可，要么百度，要么卸载掉后重新安装，看是不是路径有中文或者空格，或者磁盘空间不足、内存不足等都排查一下。

2.运行第一个HelloWorld项目

我们点击creat，创建一个项目。

等待加载一会，就会出现当前界面，可以自己选择主题，这里为了方便演示，我选择白色的背景。如果有安卓开发经历的小伙伴就会觉得很熟悉。这个自动生成的代码是显示hello word的，是可以直接运行的，如果想要运行虚拟机可以看第三步。

这里我们把注释介绍一下：

@Entry          //@Entry、@Component、@State：这些标记在ArkTS中
@Component      //被称为**装饰器**，是用来装饰类结构、方法、变量的
struct Index {  //自定义组件，可复用的UI单元
  @State message: string = 'Hello World'  //@State：用来标记一个变量是一个状态型的变量，值变化时会触发UI刷新

  build() {        //作用是以声明式方式描述UI结构
    Row() {        //容器型组件：用来完成页面布局
      Column() {   //容器型组件：用来完成页面布局
        Text(this.message)    //基础组件：自带样式和功能的页面元素
          .fontSize(50)       //都属于属性方法，作用是设置组件的UI样式
          .fontWeight(FontWeight.Bold)     //都属于属性方法，作用是设置组件的UI样式

      }
      .width('100%')
    }
    .height('100%')
  }
}

点击右侧的Previewer可以看到效果。以及点击红框中的TT字样有双向预览的效果，点击某一样式可以看到具体的代码是哪一段。跟换设备可以点击TT下面的四个实心方块的下拉列表。