安装DevEco Studio编译器+鸿蒙底子入门相识

1. 开辟情况

DevEco Studio支持Windows体系和macOS体系，在开辟应用/服务前，必要设置应用/服务的开辟情况。情况设置流程：下载软件 → 安装软件并设置 → 创建工程并运行。
1.1. 下载 DevEco Studio

1.2. 安装 DevEco Studio

• 双击 deveco-studio-5.0.3.100.exe 安装
  

• 欣赏安装位置（只管不要安装到 C ，新建一个非中文文件夹）
  

• 勾选桌面快捷方式、情况变量、以项目方式打开文件夹选项 → Install → Finish
  

1.3. 设置 DevEco

• 双击 DevEco 桌面快捷方式，打开软件（Agree）
  

• 安装 node（可在 DevEco 安装目次，新建 node 文件夹）
  

• 选择 SDK 存放目次（可在 DevEco 安装目次，新建 SDK 文件夹） → Next
  

后续设置离线 SDK

Tips：DevEco 大概会不提示安装 Node 和 SDK，表现情况检测界面，如下图所示：

点击蓝色笔墨安装 Node 后关闭即可。
1.4. 创建工程并运行

• Create Project → Empty Ability → Next → 输入项目名称、欣赏存储路径 → Finish
  

1.5. 设置离线SDK

解压 WinSDK.zip → 复制粘贴到 软件的 SDK 目次

1.6. 主动更新插件

Tools → Upgrade Dependencies → 欣赏到下载的软件目次
注意： 每次创建项目都必要更新 Dependencies 插件

1.7. 汉化软件

File → Setting → Plugins → Installed -- 搜索 Chinese → 勾选 → OK → Restart

2. 底子入门

ArkTS：是一门用于开辟鸿蒙应用的编程语言。
编程语言：用来控制盘算机工作的，可以告诉盘算机我们要做的事变。
编写代码 → 编译运行 → 检察效果
2.1. 输出语句

写法：console.log('消息阐明', '打印的内容')

2. // console.log('消息说明', '打印的内容')
3. console.log('我说', 'Hello World')

复制代码

解释：

• 单行解释 // 解释内容，快捷键： Ctrl +/
  
• 块解释 /* 解释内容*/，快捷键：Ctrl + Shift + /
  

3. 认识和存储数据

3.1. 认识数据

编程语言的焦点是处理处罚 数据。

三种常见的底子数据范例：
① string 字符串：形貌信息
② number 数字：盘算
③ boolean 布尔：判定 （真、假）

3.2. 存储数据

3.2.1. 变量

变量：专门用来存储数据的容器（可变）

2. // let 变量名: 类型 = 值
4. let title: string = '奥利奥水果捞'
6. let price: number = 21.8
8. let isSelect: boolean = true

复制代码

示例代码

2. // 1. 字符串 string
3. let title: string = '巨无霸汉堡'
4. console.log('字符串title', title)
6. // 2. 数字 number
7. let age: number = 18
8. console.log('年龄age', age)
10. // 3. 布尔 boolean，值 true真，false假
11. let isLogin: boolean = false
12. console.log('是否登录成功', isLogin)
14. // 变量存储的数据可以修改
15. age = 40
16. console.log('年龄age', age)

复制代码

3.2.2. 常量

常量：用来存储数据 （不可变）
写法：const 常量名: 范例 = 值
示例代码

2. const PI: number = 3.14
3. console.log('圆周率', PI)
5. const companyName: string = '华为'
6. console.log('公司名称', companyName)

复制代码

3.2.3. 定名规则

① 只能包罗数字、字母、下划线、$，不能以数字开头
② 不能使用内置关键字或生存字 （好比 let、const）
③ 严酷区分巨细写
4. 数组

数组：是一个容器，可以存储多个数据

2. let 数组名: 类型[] = [数据1, 数据2,...]
4. let names: string[] = ['小红', '小明', '大强']

复制代码

注意：数组指定的范例和存储的数据范例要必须划一，否则会报错
4.1. 得到数组元素

2. console.log('取出小明', names[1])

复制代码

注意：索引号是从 0 开始的
示例代码

2. let names: string[] = ['小红', '小明', '大强']
3. console.log('数组names', names)
5. // 根据索引取数据
6. console.log('姓名：', names[0])

复制代码

5. 函数

函数：是可以被重复使用的代码块

必要三个如许的形状怎么办？

2. console.log('五角星', '☆')
3. console.log('五角星', '☆☆')
4. console.log('五角星', '☆☆☆')
5. console.log('五角星', '☆☆☆☆')
6. console.log('五角星', '☆☆☆☆☆')

复制代码

必要更多个怎么办？
使用函数来办理：函数可以把具有雷同或相似逻辑的代码“包裹”起来，有利于代码复用。

2. function fn () {
3.   console.log('五角星', '☆')
4.   console.log('五角星', '☆☆')
5.   console.log('五角星', '☆☆☆')
6.   console.log('五角星', '☆☆☆☆')
7.   console.log('五角星', '☆☆☆☆☆')
8. }
9. fn() // 第一次输出 5行五角星   
10. fn() // 第二次输出 5行五角星
11. fn() // 第三次输出 5行五角星

复制代码

5.1. 根本使用

先界说后调用

2. function 函数名() {
3.   函数体
4. }
6. 函数名()

复制代码

示例代码

2. // 1. 定义函数
3. function star() {
4.   console.log('五角星', '☆')
5.   console.log('五角星', '☆☆')
6.   console.log('五角星', '☆☆☆')
7.   console.log('五角星', '☆☆☆☆')
8.   console.log('五角星', '☆☆☆☆☆')
9. }
11. // 2. 调用函数
12. star()
13. star()
14. star()

复制代码

5.2. 参数

参数的作用：函数可以或许吸收和处理处罚外部的数据，进步函数的机动性和通用性。

• 观察如下函数，那里不敷好？
  

2. function sum() {
3.   let res: number = 10 + 20
4.   console.log('加法结果是', res)
5. }
7. sum()

复制代码

• 带参数的函数
  

2. function sum(a: number, b: number) {
3.   let res: number = a + b
4.   console.log('加法结果是', res)
5. }
7. sum(1, 2)
8. sum(10, 20)
9. sum(100, 200)

复制代码

• 实参：真实数据（函数调用时间的传入的真实数据）
  
• 形参：情势上的参数（函数界说时间写的参数）
  

5.3. 返回值

返回值作用：将函数的实行效果转达给其他部门使用（函数外部）。
默认情况下，函数外部无法直接使用函数内部实行效果；假如想要在函数外部使用内部实行效果，必要将这个效果设置为函数的返回值。
关键字：return

2. function sum(a: number, b: number) {
3.   let res: number = a + b
4.   return res
5. }
8. let num: number = sum(5, 5)
9. console.log('num', num)

复制代码

5.4. 箭头函数

箭头函数是 比寻常函数 更轻便 的一种函数写法

2. let 函数名 = (形参1: 类型, 形参2: 类型) => {
3.   // 函数体
4.   // 1. 计算过程
5.   // 2. 返回结果
6.   return 计算的结果
7. }
9. 函数名(实参1, 实参2)

复制代码

示例代码

2. // 1. 基本写法
3. /*let star = () => {
4.   console.log('五角星', '☆')
5.   console.log('五角星', '☆☆')
6.   console.log('五角星', '☆☆☆')
7.   console.log('五角星', '☆☆☆☆')
8.   console.log('五角星', '☆☆☆☆☆')
9. }
11. star()
12. star()*/
14. // 2. 参数与返回值
15. /*
16. * 需求1：苹果 2元/斤，买3斤需要多少钱？
17. * 需求2：香蕉 4元/斤，买4斤需要多少钱？
18. * */
20. let buy = (price: number, weight: number = 1) => {
21.   let result: number = price * weight
22.   return result
23. }
25. let apple: number = buy(2)
26. console.log('苹果', apple)
28. let banana: number = buy(4, 4)
29. console.log('香蕉', banana)

复制代码

6. 对象

作用：用于形貌一个物体的特性和活动
对象：是一个可以存储多个数据的容器。

编程语言的对象：

键值对：属性名: 属性值
6.1. 对象-界说&使用

• 通过interface接口约定 对象布局范例
  

2. interface 接口名 {
3.   属性1: 类型1
4.   属性2: 类型2
5.   属性3: 类型3
6. }
8. interface Person {
9.   name: string
10.   age: number
11.   weight: number
12. }

复制代码

• 界说对象并使用：对象名.属性名
  

2. // 1. 定义接口
3. interface Person {
4.   name: string
5.   age: number
6.   weight: number
7. }
9. // 2. 基于接口，定义对象
10. let ym: Person =  {
11.   name: '杨幂',
12.   age: 18,
13.   weight: 90
14. }
16. console.log('名字', ym.name)
17. console.log('年龄', ym.age)
19. let lss: Person =  {
20.   name: '刘诗诗',
21.   age: 19,
22.   weight: 88
23. }
25. console.log('名字', lss.name)
26. console.log('年龄', lss.age)

复制代码

6.2. 对象-方法

方法作用：形貌对象的详细活动

• 约定方法范例
  

2. interface 接口名称 {
3.   方法名: (参数:类型) => 返回值类型
4. }
6. interface Person{
7.   dance: () => void
8.   sing: (song: string) => void
9. }

复制代码

• 添加方法（箭头函数）
  

2. let ym: Person = {
3.   dance: () => {
4.     console.log('杨幂说', '我来跳个舞')
5.   },
6.   sing: (song: string) => {
7.     console.log('杨幂说', '我来唱首', song)
8.   }
9. }
12. // 对象名.方法名（参数）
13. ym.dance()
14. ym.sing('爱的供养')

复制代码

7. 连合范例

连合范例是一种机动的数据范例，它修饰的变量可以存储差异范例的数据。

测验结果：分数 或 级别（A/B/C）

2. // let 变量: 类型1  |  类型2  |  类型3 = 值
4. let judge: number | string = 100
6. judge = 'A+'
7. judge = '优秀'
9. console.log('年终考试评价', judge)
11. // 联合类型可以将变量值约定在一组数据范围内进行选择
12. let gender: 'man' | 'woman' | 'secret' = 'secret'

复制代码

8. 摆列范例

摆列范例是一种特别的数据范例，约定变量只能在一组数据范围内选择值。

2. // 联合类型 不方便
3. '#ff0f29' | '#ff7100' | '#30b30e'

复制代码

使用摆列范例更方便

界说摆列范例（常量列表）

2. enum 枚举名 {
3.   常量1 = 值,
4.   常量2 = 值,
5.   ......
6. }

复制代码

示例代码

2. // 1. 定义枚举 （定义常量列表）
3. enum ThemeColor {
4.   Red = '#ff0f29',
5.   Orange = '#ff7100',
6.   Green = '#30b30e'
7. }
9. // 2. 给变量设定枚举类型
10. let color: ThemeColor = ThemeColor.Orange
11. console.log('color', color)

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金