【8月更文挑战第25天】基于js鸿蒙开发基础学习
开篇介绍
阅读本篇文章,希望读者已经掌握了html + css + js + vue/react + 微信小程序开发 的基础知识。
鸿蒙开发的简介
鸿蒙有两套系统版本,一套是原先的鸿蒙系统,可以兼容安卓的应用,但是随着质疑声,有人质疑鸿蒙是套壳安卓,于是乎,另一套系统,纯血鸿蒙(Harmonyos Next)诞生了,也就意味着,鸿蒙不再支持安卓的应用了,所有的应用想要在鸿蒙系统上运行,就必须整一套针对于鸿蒙的系统,这也就打破了人们的质疑声。
目前鸿蒙有多种方式开发,一个是基于js的鸿蒙开发,一个是基于ts的鸿蒙开发,还有就是用华为官方语言arkts以及仓颉这两种语言的开发。
而本篇文章主要讲解的是基于js的鸿蒙开发的基础讲解,利于快速上手鸿蒙开发。
DevEco Studio安装
官方下载地址
下载DevEco Studio 3.1.1 Release版本
想要下载DevEco Studio工具,首先要注册一个华为账号,成为开发者,才能下载工具和享受其他功能。
进入到官方下载地址,根据自己的系统版本下载即可,下载来的是压缩包,然后解压缩之后就是一个deveco-studio的编辑器安装包,该压缩包大概2g左右,该编辑器大概10g左右,占用空间还是蛮大的。
安装编辑器,也很简单,除了安装位置自己自定义下,然后安装选项的三个选项(创建桌面快捷方式,更新PATH变量,更新上下文菜单)都勾上,然后一路下一步安装,等待安装完成即可。安装完成了,会要求重启电脑,选择Roboot now选项,立即重启。
然后打开该编辑器,会进入到设置界面(Basic Setup),首先要确定自己本地原先有没有安装过node.js,如果安装过,那就勾选local,然后再下面选中自己的node.js安装的路径,如果没有安装过node.js,那就勾选Install选项,第二个是选择安装Onpm,选择Install选项即可。
然后点击next选项,然后进入到SDK Setup的界面,就是要安装鸿蒙的sdk了,选择自己想要安装到的目录,注意,要求是一个空目录,点击ok,点击next,然后进入到Summary的页面,然后选择Accept,然后点击下一步,等到一段时间安装好。
创建项目
打开编辑器》点击Create Project,然后点击next会进入到模板的选择界面,选择第一个模板即可,然后就进入到Configure Your Project界面,project name是给项目起个名字》save loaction选择项目保存的目录》Model 就选择FA模式》然后点击finish,自此项目创建完毕。