终于把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_鸿蒙_02

Hello World。


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


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

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


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

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

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

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

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

终于有了!这才像话!

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

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

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

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

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

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

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

{

  "strings": {

    "hello": "ハーモニーOS",

    "world": "が大好き!"

  }

}

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


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

{

  "strings": {

    "hello": "나는 하모니 OS",

    "world": "를 좋아한다!"

  }

}

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


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


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

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

​https://harmonyos.51cto.com/#bkwz​


文章后续内容和附件可以点击下面的原文链接前往学习

原文链接:​​https://harmonyos.51cto.com/posts/2159#bkwz​


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