概述
简介
发展历程
官方文档
搭建
安装node.js
简介
注意
下载
node.js官网
https://nodejs.org/en/配置环境变量
查看nodejs版本
node -v
查看npm版本
npm -v
单独安装ohpm
简介
文档
下载
初始化
配置环境变量【用户和系统环境都配置】
检查版本
ohpm -v
HUAWEI DevEco Studio
简介
特点
运行环境要求
文档
下载安装
配置开发环境【可单独安装node.js和ohpm】
入门
创建第一个项目HelloWorld
创建一个新工程
预览项目效果
Previewer热更新
创建模拟器
简介
安装
启动
连接项目
工程目录结构
代码初始结构
/**
* 装饰器：用于装饰类、结构、方法以及变量，并赋予其特殊的含义。
* @Entry：表示该自定义组件为入口组件，有这次才能启动项目
* @Component：表示自定义组件
* @State：表示组件中的状态变量，状态变量变化会触发UI刷新
*/
@Entry
@Component
/**
* HarmonyOS是组件化开发
* struct Index{}：自定义组件，可复用的UI单元，可组合其他组件
*/
struct Index {
@State message: string = 'Hello World'
/**
* UI描述
* build(){}：以声明式的方式来描述UI的结构
*
* https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/arkts-create-custom-components-0000001473537046-V2#section1150911733811
1.所有声明在build()函数的语言，我们统称为UI描述
2.@Entry装饰的自定义组件，其build()函数下的根节点唯一且必要，且必须为容器组件，其中ForEach禁止作为根节点。
3.@Component装饰的自定义组件，其build()函数下的根节点唯一且必要，可以为非容器组件，其中ForEach禁止作为根节点。
*/
build() {
/**
* 系统组件
* Row/Column/Text：有ArkUI提供的组件
* - 容器组件：用来完成布局，例如：Row/Column
* - 基础组件：自带样式功能的页面元素，例如：Text
*/
Row() {
Column() {
Text(this.message)
/**
* 属性方法：设置组件的UI样式，方法比较多，后面在慢慢讲解
*/
.fontSize(50)
.fontWeight(FontWeight.Bold)
.fontColor(Color.Red)
}
.width('100%')
}
.height('100%')
}
}
