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

目录

 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下面的四个实心方块的下拉列表。

3.小手机下载

成功打开后在页面的右上角有一个No Devices的下拉列表框，点击一下。

选择最后的小手机样式。

 点击中间的Istall进行下载，需要等待一会(屏幕最中间的Iatall，有一个黄色的小三角形)。

下载完成后选择一个样式，选这个就可以。

然后在下方点击 +New Emulator，如果想要更换下载路径点击edit选择路径后再点击New Emulator。

选择这个API为9的然后点击小下载的图标，由于我已经下载过了，红框里已经不显示了，和下面6一样的下载按钮，点击后等待下载成功。

 下载成功后就可以在这个界面看到了。

点击右边的绿色启动按钮，等待加载出来后手机开机。 

打开效果：