小白从零学习 ArkTs 编写第一个鸿蒙app      什么值得学系列  第一集

先说说自己有多小白，专业是理工类。与计算机接触最多的是AutoCAD和word。没有编写过一次程序。

一次偶然的机会接触到了鸿蒙系统，发现他下面的ArkTS这个编程逻辑和方法好像比较容易理解。同时由于阿华的开发者学堂里面的课程有好多是免费的，抱着试试看的心态学习了一下。

为了督促自己能够学习下去，开贴记录一下，欢迎有共同兴趣的小伙伴一起进步。

首先登录开发学堂，也可以下载一个开发者联盟app，注册一个账号。

找到学习路径中的HarmonyOS第一课进行学习。

刚刚学习完，觉得这个第一课对于有开发经验的人来说好像应该大概比较适合。对于小白如我的人来说就是一头雾水。

第一步，安装编程软件，这个软件叫DevEco Studio，安装还是很好安装的，就是里面有一些SDK安装起来较为麻烦。我的笔记本因为是正版的windows11同时更新到微软的最新版本，一切顺利安装了。我的台式机由于是自由版的windows11 好像大神精简了什么功能，无法安装JS，不能实时预览结果比较恼火。

试了网络上各种方法还是不行。因此如果是新手建议找一个好一点的电脑开始学习之路吧。

第二步，开始hello word的编写之路。比较良心的是这个软件自带了编写完的程序。你就是看看你的电脑能不能正常运行就完事了。

第三步，关机睡觉。准备下一个阶段的学习。

如此内卷的我怎么可能睡着啊？？

必须把这个程序中的每一字母都弄明白啊。

首先文件保存位置会在../entry/src/main/ets/ 这个文件夹里。

这里有两个文件夹其中一个是/entryability/这是存程序的运行的主要UI框架的（个人理解我还没有学到）。

另外一个是/pages/这个是存储页面信息的，例如程序里各个页面的跳转就在这里。这里的/pages/indes.ets就是你这个程序的第一个初始页面。点开后是如下内容

@Entry
@Component
struct Index {
@State message: string = 'Hello World'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
.width('100%')
}
.height('100%')
}
}

我建议官方给小白学习者加个注释。

以下内容全部是个人理解，如果将来学习发现说错了，我回来修改。立一个flag。

第一个@Entry 所有的程序开头都是这个装饰器。

第二个@component这个是也是一个装饰器，主要作用是将后面的所有内容都框起来。

第三个 Struct 不知道干啥的，每一个都有。

Index这个是名字，也就是说这页的名字。

@state message：string = “Hello World” @state 是一个状态容器，message是后面的的字符串的名字。String是定义了message的属性是一个字符串。注意是冒号和小写的string。

Build（）这个是一个构建函数，有且只有一个。

Row（）这个意思是后面的元素是横向排列的。

Column（）这的是指后面的元素是纵向排列的。

Text（）在页面上显示一个字符串。This.MESSAGE是引用了这index内部的message这代表的字符串。

后面的是fontsize（）字体大小50.fontweight（）字体加粗。

Width和height表示宽度和高度，至于是啥的宽度和高度，还么有学到。

现在，我水完了文章，可以睡觉去了。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～