在Windows上安装HUAWEI DevEco Studio

1.进入官网

https://developer.huawei.com/consumer/cn/?ha_source=sem&ha_sourceId=89000605

2.点击开发

3.点击DevEco Studio图标

https://developer.huawei.com/consumer/cn/?ha_source=sem&ha_sourceId=89000605

4.点击下载

5.点击for Windows

6.解压

7.安装

8.初次进入

9.最简单的previwer测试

直接点击previwer

ps：
1.和Orcal JDK的下载一样免费但是需要登录
2.javascript的扩展是TS,由微软完全开源，TS的扩展是ArkTS，鸿蒙在使用
3.DevEco Studio基于开源IntelliJ IDEA深度定制
4.重新安装，这里正常

5.软件很大，注意存储空间。
6.语法

一些分析，一些猜测，我并不是十分清楚

@Entry
@Component  
struct Index { 文件名
@State message: string = 'Hello';  鸿蒙特色，声明变量时的关键字，类似于JavaScript的let。变量名称。分隔符。指定类型。赋值语句。值。
build() {  类似于Java的main方法
RelativeContainer() { 创建一个容器
Text(this.message) 实现任务是文本。传入或获取文本对象
.id('HelloWorld')
.fontSize(50)
.fontWeight(FontWeight.Bold)  一串类似JavaScript的Jquery语法的。获取到对象后添加为对象添加id。类似css属性的，设置字体大小。类似css的Strong吗？设置字体粗细，加粗
.alignRules({
center: { anchor: '__container__', align: VerticalAlign.Center },
middle: { anchor: '__container__', align: HorizontalAlign.Center }   设置对齐规则。居中。翻译：锚、容器。推测是绑定用的。对齐，垂直方向，居中。对齐，水平方向，居中
}) 
}
.height('100%')
.width('100%')   类似css里的，类似Jquery语法。行高，行宽
  }
}
层级结构基本上与文档的层级结构对应，英文通俗易懂。
主体部分语法上有Jquery链式的影子，属性上则是css。
build() {}以下容器和要实现的功能复制文档，我没搞懂容器和里面的获取对象，我事实上都不确定那是不是获取对象，我是根据Jquery类比推测的。这个$r('app.media.icon')的$应该像JavaScript模板字符串里大括号里指定一个变量的关键字，r是权限，是只读，小括号及里面一对单引号的内容是一个路径，像相对路径，还没搞明白。

1        Span('I am LineThrough-span')
          .decoration({ type: TextDecorationType.LineThrough, color: Color.Red }).fontSize(25)
2        ImageSpan($r('app.media.icon'))
          .width('50px')
          .height('50px')
          .verticalAlign(ImageSpanAlignment.TOP)
3        Span('I am Underline-span')
          .decoration({ type: TextDecorationType.Underline, color: Color.Red }).fontSize(25)
4        ImageSpan($r('app.media.icon'))
          .size({ width: '100px', height: '100px' })
          .verticalAlign(ImageSpanAlignment.BASELINE)
5        Span('I am Underline-span')
          .decoration({ type: TextDecorationType.Underline, color: Color.Red }).fontSize(25)
6        ImageSpan($r('app.media.icon'))
          .width('70px')
          .height('70px')
          .verticalAlign(ImageSpanAlignment.BOTTOM)
根据文档的这一段来看主体部分像是元件的堆叠，这个片段中有六个