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

开发
文章由鸿蒙社区产出,想要了解更多内容请前往:51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com/#zz

 [[359510]]

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz

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

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

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


您好 世界!

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


Hello World。

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

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

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


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

[[359511]]

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

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

 

终于有了!这才像话!

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

 

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

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



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

  1.  
  2. "strings": { 
  3.  
  4. "hello""ハーモニーOS"
  5.  
  6. "world""が大好き!" 
  7.  
  8.  

 

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

  1.  
  2. "strings": { 
  3.  
  4. "hello""나는 하모니 OS"
  5.  
  6. "world""를 좋아한다!" 
  7.  
  8.  

 

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


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

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



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

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


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



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

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


“系统和更新”:


“语言和地区”:


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



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


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


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



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

©著作权归作者和HarmonyOS技术社区共同所有,如需转载,请注明出处,否则将追究法律责任

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2020-12-24 11:24:31

鸿蒙开发JS

2020-12-25 10:39:53

鸿蒙开发JS

2020-12-23 11:24:34

鸿蒙开发IDE安装

2013-10-30 22:10:28

Clouda程序

2013-12-26 15:25:15

Android开发安装开发环境Hello World

2024-03-13 13:53:10

C++程序开发

2020-12-23 11:36:23

鸿蒙HarmonyOS应用程序开发

2020-12-10 12:12:32

鸿蒙开发板init_lite

2020-12-07 12:34:33

开发板鸿蒙hello world

2009-07-17 16:10:42

JRuby入门教程

2012-05-25 15:20:38

XNA

2022-04-27 10:51:00

PythonMLCubePodman

2010-08-04 13:16:23

Flex项目

2020-12-28 10:15:18

鸿蒙HarmonyOSListContain

2013-12-09 14:36:20

2023-02-11 00:10:18

2022-10-17 10:28:05

Web 组件代码

2009-06-26 16:07:43

MyEclipse开发Hibernate程序

2020-12-09 11:53:24

鸿蒙开发HelloWord

2011-01-15 20:12:14

jQueryjavascriptWeb
点赞
收藏

51CTO技术栈公众号