鸿蒙开发环境配置全攻略
·
以下是鸿蒙应用开发环境配置的完整指南,适合新手快速入门:
一、开发工具安装
-
下载DevEco Studio
访问华为开发者官网下载最新版IDE -
安装流程
# Windows示例 # 1. 双击.deveco-studio-3.1.1.501-win.exe # 2. 选择安装路径(建议默认) # 3. 勾选创建桌面快捷方式 # 4. 安装完成后勾选"Run DevEco Studio"
二、环境配置
-
Node.js安装
- 要求版本 ≥14.19.1
- 官网下载:https://nodejs.org
# 验证安装 node -v # 应显示版本号 npm -v # 应显示版本号 -
SDK配置
- 首次启动DevEco Studio时:
- 选择
Agree→Next→ 设置SDK存储路径 - 勾选
SDK Platform和Previewer - 点击
Next自动下载依赖
三、创建首个项目
-
新建工程
File → New → Project → Empty Ability- 配置参数示例:
Project Name: HelloWorld Bundle Name: com.example.helloworld Device Type: Phone Compatible SDK: API9
- 配置参数示例:
-
项目结构解析
HelloWorld/ ├── entry/src/main/ │ ├── resources/ # 资源文件 │ ├── config.json # 应用配置 │ └── ets/ │ ├── pages/ # 页面目录 │ └── index.ets # 入口文件
四、运行调试
-
启动模拟器
Tools → Device Manager → 选择Phone → Start -
运行项目
# 点击工具栏绿色三角按钮 # 或使用快捷键 Shift+F10
五、代码示例(index.ets)
@Entry
@Component
struct Index {
build() {
Column() {
Text('你好,鸿蒙!')
.fontSize(40)
.fontWeight(FontWeight.Bold)
Button('点击交互')
.onClick(() => {
console.log("按钮已点击")
})
}
.width('100%')
.height('100%')
}
}
六、常见问题解决
| 问题现象 | 解决方案 |
|---|---|
| SDK下载失败 | 检查网络设置,关闭防火墙 |
| 模拟器无法启动 | 确认开启BIOS虚拟化(VT-x) |
| 编译报错 | 执行File > Sync Project |
重要提示:开发过程中保持DevEco Studio更新,每月检查SDK更新至少一次。首次编译可能较慢(需下载Gradle依赖),后续构建将加速。
完成上述步骤后,您将在模拟器看到带按钮的文本界面,控制台输出点击日志,即表示环境配置成功!下一步可尝试修改UI样式或添加新功能组件。
更多推荐


所有评论(0)