...

工程配置信息，包括签名signingConfigs、产品配置Products等。其中products中可配置当前运行环境，默认HarmonyOS.文件记录了项目中所有依赖包的确切版本号，确保在不同环境中安装的依赖版本一致，避免因版本差异导致的问题。用于描述包名、版本、入口文件和依赖项等信息。

支持与 AppStorage 或 LocalStorage 中的属性建立单向或双向绑定。AppStorage应用全局的UI状态存储@StorageProp单向@StorageLink双向@Builder—自定义构造函数@LocalBuilder—维持组件父子关系@Componentbuild() {Row() {@Entry@ComponentRow() {Column() {build() {Column() {})

在功能层面上，依据@Prop单向绑定的特性，@State+@Prop适合用于非实时修改的场景，如编辑电话薄联系人信息时，展示编辑界面的子组件信息的修改要求不实时同步回父组件，需要等到编辑完成后点击“确认”按钮时才会以事件驱动的方式修改父组件的状态。被@Component装饰的组件最多可以访问一个LocalStorage实例和AppStorage，未被@Entry装饰的组件不可被独立分配LocalStorage实例，只能接受父组件通过@Entry传递来的LocalStorage实例。，两者指向同一个地址。

https://developer.huawei.com/consumer/cn/training/https://developer.huawei.com/consumer/cn/doc/start/training-introduction-0000001181392655https://developer.huawei.com/consumer/cn/doc/start/guidebook-0000001056335559https://developer.huawei.com/consumer/cn

布局容器。

AppStorage是应用程序中的一个特殊的单例LocalStorage对象，是应用级的数据库，和进程绑定，通过@StorageProp和@StorageLink装饰器可以和组件联动。@Link：@Link装饰的变量可以和父组件建立双向同步关系，子组件中@Link装饰变量的修改会同步给父组件中建立双向数据绑定的数据源，父组件的更新也会同步给@Link装饰的变量。@Prop：@Prop装饰的变量可以和父组件建立单向同步关系，@Prop装饰的变量是可变的，但修改不会同步回父组件。

应用安装后，resfile资源会被解压到应用沙箱路径，通过Context属性resourceDir获取到resfile资源目录后，可通过文件路径访问。其中，filename为rawfile目录下文件的相对路径，文件名需要包含后缀，路径开头不可以”/"开头。对于“color”、“float”、“string”、“plural”、“media”、“profile”等类型的资源，通过"|—rawfile // 其他类型文件，原始文件形式保存，不会被集成到resources.index文件中。

Column主轴为垂直方向—HorizontalAlign.End：子元素在水平方向右对齐。Row主轴为水平方向—VerticalAlign.Top：子元素在垂直方向顶部对齐。自适应缩放 使用layoutWeight属性设置子元素和兄弟元素在主轴上的权重。自适应拉伸 常用Blank()填充。自适应延申 使用Scroll组件。

LocalStorageProp：@LocalStorageProp装饰的变量与LocalStorage中给定属性建立单向同步关系。@LocalStorageLink：@LocalStorageLink装饰的变量与LocalStorage中给定属性建立双向同步关系。

装饰的变量可以和父组件建立双向同步关系，子组件中@Link装饰变量的修改会同步给父组件中建立双向绑定的数据源，父组件的更新也会同步@Link装饰的变量。@ObjectLink装饰的变量接收@Observed装饰的class的实例，应用于观察多层嵌套场景，和父组件的数据源构建双向同步。装饰的变量拥用其所属组件的状态，可以作为其子组件单向和双向同步的数据源。当其数值改变时，会引起相关组件的渲染刷新。装饰的变量可以和父组件建立单项同步关系，@Prop装饰的变量是可变的，但修改不会同步回父组件。

以上示例中，Index页面包含两个自定义组件，一个是被@Entry装饰的MyComponent，也是页面的入口组件，即页面的根节点；应用冷启动的初始化流程为：MyComponent aboutToAppear --> MyComponent build --> MyComponent onDidBuild–> Child aboutToAppear --> Child build --> Child onDidBuild --> Index onPageShow。即被@Entry装饰的组件生命周期。

Web组件的使用访问在线网页时需添加网络权限：ohos.permission.INTERNET。

使用方法全局的自定义构建函数可以被整个应用获取，不允许使用this和bind方法。如果不涉及组件状态变化，建议使用全局的自定义构建方法。

DevEco Studio技巧。

网页加载进度变化时触发该回调。

AppScope：全局的共有资源存放目录。.hvigor：存储构建配置文件信息。.idea：存储项目的配置信息。

Grid组件为网格容器，是一种网格列表，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。若是水平滚动列表场景，将List的listDirection属性设置为Axis.Horizontal即可实现。若是水平滚动列表场景，将List的listDirection属性设置为Axis.Horizontal即可实现。List除了提供垂直和水平布局能力、超出屏幕时可以滚动的自适应延伸能力之外，还提供了自适应交叉轴方向上排列个数的布局能力。

Column&Row组件的使用Column表示沿垂直方向布局的容器。Row表示沿水平方向布局的容器。

UI界面的应用组件，主要用于和用户交互。

配置相关。

在工程中，通过"$r(‘app.type.name’)"的形式引用应用资源。app代表是应用内resources目录中定义的资源；type代表资源类型（或资源的存放位置），可以取“color”、“float”、“string”、“plural”、“media”，name代表资源命名，由开发者定义资源时确定。开发者可以通过“$r(‘sys.type.resource_id’)”的形式引用系统资源。type代表资源类型，可以取“color”、“float”、“string”、“media”；

父组件会接受来自@Link装饰的变量的修改的同步，父组件的更新也会同步给@Link装饰的变量。是应用程序中的一个特殊的单例LocalStorage对象，是应用级的数据库，和进程绑定，@State装饰的变量拥有其所属组件的状态，可以作为其子组件单向和双向同步的数据源。@ObjectLink装饰的变量接收@Observed装饰的class的实例，给内置组件提供TS变量的引用，使得TS变量和内置组件的内部状态保持同步。@Link装饰的变量和父组件构建双向同步关系的状态变量；装饰器可以和组件联动。

stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同。focused：获焦态。normal：正常态。pressed：按压态。disabled：不可用态。

使用示例。

Styles可以定义在组件内或全局，在全局定义时需在方法名前面添加function关键字，组件内定义时则不需要添加function关键字。框架优先找当前组件内的@Styles，如果找不到，则会全局查找。组件内@Styles的优先级高于全局@Styles。

可组合可重用数据驱动UI更新@Componentbuild() {// HelloComponent自定义组件组合系统组件Row和TextRow() {// 状态变量message的改变驱动UI刷新，UI从'Hello, World!'刷新为'Hello, ArkUI!})struct+自定义组件名+{…}@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力，需要实现build方法描述UI。@Component。

aboutToAppear：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。aboutToDisappear：在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量，特别是@Link变量的修改可能会导致应用程序行为不稳定。

这个界面这样选，其他界面全部按照默认路径往下走！一般就是本地node配置异常导致，建议清理环境变量。点击 install安装。finish后的代码区域。