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

入门大师小波哥
发布于 2020-12-20 17:48
浏览
3收藏

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

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

 

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

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

您好 世界!

 

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

 

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

Hello World。

 

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

 

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

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

 

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

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

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

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

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

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

终于有了!这才像话!

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

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

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

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

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

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

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

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

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

 

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

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

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

 

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

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

 

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

 

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

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

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

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

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

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

允许后,会自动回到IDE中,让你选择设备类型,这里其实远程模拟器(并不是本地模拟器,速度稍慢,不过聊胜于无):

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

 

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

 

每隔一小时会重置一次,正式版的本地模拟器,预计明年初会推出!

 

然后在远程模拟器中的“设置”:

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

“系统和更新”:

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

“语言和地区”:

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

分别添加日文和韩文两种语言:

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

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

 

然后在右上角的调试栏,运行“entry”,选择“Connect Devices”下面的“HUAWEI ANA AN00”,点OK。

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

韩文版本的“我爱鸿蒙!”就有了,首尔江南区大佬表示满意。

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

 

切换到日文,然后到桌面找到我们的App,也就是以我们工程名命名的“MyFirstDemo1”的App,点一下启动!

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

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

哇塞!这样一个全世界人民喜爱的鸿蒙App就制作成功了!恭喜恭喜!根据你的喜好再加一些其他语言试试吧!

 

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2020-12-20 22:04:32修改
7
收藏 3
回复
举报
3条回复
按时间正序
/
按时间倒序
张荣超_九丘教育
张荣超_九丘教育

哇,好多种语言,很有国际范儿~~

2
回复
2020-12-20 20:34:18
啧啧啧GKD
啧啧啧GKD

图片高清好评

回复
2020-12-21 11:35:07
鲜橙加冰
鲜橙加冰

文章内容好评。

回复
2020-12-21 11:41:01
回复
    相关推荐