小白从零学习 ArkTs 编写第一个鸿蒙app 什么值得学系列第一集张曼玉说的对，从“断崖式老去”的海清身上：看到娱乐圈残酷真相

shuili_123 发表于 2024-5-24 01:19:54

作者：沈阳小王
先说说自己有多小白，专业是理工类。与计算机接触最多的是AutoCAD和word。没有编写过一次程序。
一次偶然的机会接触到了鸿蒙系统，发现他下面的ArkTS这个编程逻辑和方法好像比较容易理解。同时由于阿华的开发者学堂里面的课程有好多是免费的，抱着试试看的心态学习了一下。
为了督促自己能够学习下去，开贴记录一下，欢迎有共同兴趣的小伙伴一起进步。
<div style="text-align: left; margin-bottom: 10px;"><img src="https://p0.ssl.img.360kuai.com/dmfd/__60/t01d1c9ec6368a3e4e6.webp" style="width: 100%; margin-bottom: 20px;"></div>
首先登录开发学堂，也可以下载一个开发者联盟app，注册一个账号。
找到学习路径中的HarmonyOS第一课进行学习。
刚刚学习完，觉得这个第一课对于有开发经验的人来说好像应该大概比较适合。对于小白如我的人来说就是一头雾水。
<div style="text-align: left; margin-bottom: 10px;"><img src="https://p0.ssl.img.360kuai.com/dmfd/__60/t019b2e9a2223b13995.webp" style="width: 100%; margin-bottom: 20px;"></div>
第一步，安装编程软件，这个软件叫DevEco Studio，安装还是很好安装的，就是里面有一些SDK安装起来较为麻烦。我的笔记本因为是正版的windows11同时更新到微软的最新版本，一切顺利安装了。我的台式机由于是自由版的windows11 好像大神精简了什么功能，无法安装JS，不能实时预览结果比较恼火。
试了网络上各种方法还是不行。因此如果是新手建议找一个好一点的电脑开始学习之路吧。
<div style="text-align: left; margin-bottom: 10px;"><img src="https://p0.ssl.img.360kuai.com/dmfd/__60/t018790fa73ef19f22b.webp" style="width: 100%; margin-bottom: 20px;"></div>
第二步，开始hello word的编写之路。比较良心的是这个软件自带了编写完的程序。你就是看看你的电脑能不能正常运行就完事了。
<div style="text-align: left; margin-bottom: 10px;"><img src="https://p0.ssl.img.360kuai.com/dmfd/__60/t01b5b75bbd5f82ac4e.webp" style="width: 100%; margin-bottom: 20px;"></div><a style="color: red;">广告<div style="text-align: left; margin-bottom: 10px;">男子职场情场双失意,随着新来的美女领导发生逆转</div>
<div style="text-align: left; margin-bottom: 10px;">×</div>
</a>
第三步，关机睡觉。准备下一个阶段的学习。
如此内卷的我怎么可能睡着啊？？
必须把这个程序中的每一字母都弄明白啊。
首先文件保存位置会在../entry/src/main/ets/  这个文件夹里。
<div style="text-align: left; margin-bottom: 10px;"><img src="https://p0.ssl.img.360kuai.com/dmfd/__60/t0189d7d5e033cdfdc4.webp" style="width: 100%; margin-bottom: 20px;"></div>
这里有两个文件夹其中一个是/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表示宽度和高度，至于是啥的宽度和高度，还么有学到。
现在，我水完了文章，可以睡觉去了。
阅读更多办公软件精彩内容，可前往什么值得买查看

页: [1]

方钉工社 - 建筑工程人网上交流互动社区's Archiver

小白从零学习 ArkTs 编写第一个鸿蒙app 什么值得学系列 第一集张曼玉说的对，从“断崖式老去”的海清身上：看到娱乐圈残酷真相

小白从零学习 ArkTs 编写第一个鸿蒙app 什么值得学系列第一集张曼玉说的对，从“断崖式老去”的海清身上：看到娱乐圈残酷真相