亲宝软件园·资讯

展开

鸿蒙开发JavaScript 浅析鸿蒙开发app支持JavaScript?上手HelloWorld,体验究竟香不香

coder猪 人气:1
想了解浅析鸿蒙开发app支持JavaScript?上手HelloWorld,体验究竟香不香的相关内容吗,coder猪在本文为您仔细讲解鸿蒙开发JavaScript的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:鸿蒙开发JavaScript,浅析鸿蒙开发app,下面大家一起来学习吧。

第一步:下载开发工具 Tips:小插曲

前面原本还想考虑下是否要去看鸿蒙os源代码,读点东西,然后上某乎装一手,但是看到了它码云上的开源仓库,我…一个截图,你们自己品吧
鸿蒙开源仓库
我只想说作为一个前端coder,打扰了,太难了

正式篇 要体验它的app开发那第一步肯定是打开它的官网下载它的ide啦,点击鸿蒙官网,它的界面是这样的:

在这里插入图片描述

哈哈,还是挺漂亮的,有逼格,我都想模仿一波了。

接下来我们来下载它的开发工具看看,点击HUAWEI DevEco Studio进入下载页面:

在这里插入图片描述

乍一看还以为是idea,哈哈哈,后面去查了一下,果然是通过idea魔改来的,和androidstudio一样。
后面就是下载ide和安装过程,这里就不叙述了,因为我们今天的主题是体验使用js开发鸿蒙应用呀

进入鸿蒙开发ide

进入第一个界面就是提示我要下载相应的SDK,而且貌似SDK他不能选择下载路径,只能安装在C盘,我…

在这里插入图片描述

416m???最终还是在长时间的排查和删除数据,把c盘空出了1G内存存储SDK,唉,没钱啊,哪位兄弟支援支援,可以联系本小编

打开了ide,它是长这样子的:

**

在这里插入图片描述

配置项目

在这里插入图片描述

创建完成

在这里插入图片描述

在这里插入图片描述

点击启动,出现提示没有设备
-

在这里插入图片描述

我们点击菜单栏的Tools安装下SDK

在这里插入图片描述

在这里插入图片描述 

点击启动程序

在这里插入图片描述
在这里插入图片描述

启动的程序页面

在这里插入图片描述

END

开了下项目代码以及启动方式,视图层是htm+css+js,应该是uniapp的那一套代码,开发体验就上来了!!!最后贴一波代码截图,后面的深度体验和开发后续上传
在这里插入图片描述

在这里插入图片描述

总结

加载全部内容

相关教程
猜你喜欢
用户评论