HarmonyOS技术社区 · 2020年12月21日

#2020征文-手机# 零基础鸿蒙开发2-第一个世界版Hello World

目录:
中文版“您好 世界!”
英文版
更多语言版

终于把IDE安装好了!可以开始第一个App了 ,yeah!

在左侧的“Project”工程文件栏,找到与Java对于的JS目录,依次展开js-defalut-pages-index-index.hml。

index.hml就是我们第一个工程的首屏页面,点击右侧折叠的Previewer栏,等右下方一阵抽搐,就会成功出现...

image.png

您好 世界!

英文的效果呢?不用改词,鸿蒙OS天生支持国际化,在Previewer(预览器)设置中选择英文(en-US):

image.png

Hello World。

恭喜! 第一个Hello World完成了!

尝试来改几个字吧,打开左侧文件栏中的i18n, 想要改中文,就修改zh-CN.json中的文字,比如改成“我爱”,“鸿蒙!”,

怎么,预览器毫无反应?! 保存一下!找到File菜单中的Save All(保持全部),或者干脆快捷键(Command+S,windows上是Ctrl+S)。

image.png

什么? 预览器还是没反应?! 鸿蒙预览器设计师你给我出来!为什么不更新,这个IDE新手体验很差啊?!

别急,我已经就这个问题吐槽预览器设计师,你们这样会逼退新手无数资道吗?

解决方案:切换到index.hml,然后点预览器上的刷新图标:

image.png

终于有了!这才像话!

英文的再来一个!"I love Harmony OS!"

image.png
什么,你要用鸿蒙打遍全世界?安排!

右键点击en-US.json拷贝一个新文件出来,改个名,比如日文、韩文:

image.png

日文版文字文件命名:ja-JP.json:

{
  "strings": {
    "hello": "ハーモニーOS",
    "world": "が大好き!"
  }
}

image.png

韩文版文字文件命名:ko-KR.json:

{
  "strings": {
    "hello": "나는 하모니 OS",
    "world": "를 좋아한다!"
  }
}

image.png

然后这里有个bug!我又开始吐槽了!世界吃瓜群众表示不爽,怎么不能选择其他语言呢?

image.png

哎呀,这就尴尬了,怎么看效果呢?

当预览器不给力的时候,模拟器:该我出场了!菜单Tools - HVD Manager:

image.png

提示你即将第一次下载模拟器(emulator)资源,点Ok。

然后会打开华为开发者官网,你需要注册一个开发者账号,可能当前还需要一个实名认证(世界人民又要抗议了)。

image.png

查看更多章节

作者:yagamis
想了解更多内容,请访问: 51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com/

推荐阅读
关注数
3010
内容数
446
华为鸿蒙相关技术,活动及资讯,欢迎关注及加入创作
目录
极术微信服务号
关注极术微信号
实时接收点赞提醒和评论通知
安谋科技学堂公众号
关注安谋科技学堂
实时获取安谋科技及 Arm 教学资源
安谋科技招聘公众号
关注安谋科技招聘
实时获取安谋科技中国职位信息