开发工具安装 DevEco Studio
官方下载地址:DevEco Studio
目前官方提供了windows 和 mac 版本的安装包 可以根据系统选择对应的安装包
下载解压后打开并安装dmg安装包
进行正常的安装操作即可
安装完成打开后一直点继续或者同意,如果有未安装 node.js 或 ohpm 就会卡在此处
此时我们直接选中 install 即可,如果已安装某一项 可以选择在本地找的对应的目录
安装完成之后可以进入到应用了
汉化
DevEco Studio 中 提供了中文插件
我们只需要打开 Plugins
并搜索 chinese 点击应用并重启即可
构建第一个应用
可以参考 鸿蒙官方文档,这文档非常的详细,我这边构建的是 Stage模型
创建完成后我们可以 根据文档指引 到 pages文件夹下的 index.ets 文件
现在咱们就可以开始编写代码了
@Entry
@Component
struct Index {
@State message: string = '你好,鸿蒙'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
// 添加按钮,以响应用户点击
Button() {
Text('下一步')
.fontSize(30)
.fontWeight(FontWeight.Bold)
}
.type(ButtonType.Capsule)
.margin({
top: 20
})
.backgroundColor('#0D9FFB')
.width('40%')
.height('5%')
}
.width('100%')
}
.height('100%')
}
}