基于js开发快速学习鸿蒙基础

简介: 【8月更文挑战第26天】

【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,自此项目创建完毕。

相关文章
HarmonyOS NEXT仓颉开发语言实战案例:外卖App
仓颉语言实战分享,教你如何用仓颉开发外卖App界面。内容包括页面布局、导航栏自定义、搜索框实现、列表模块构建等,附完整代码示例。轻松掌握Scroll、List等组件使用技巧,提升HarmonyOS应用开发能力。
|
安全 JavaScript API
鸿蒙开发核心要素
鸿蒙开发核心要素
|
存储 IDE 定位技术
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器
在移动应用开发领域,效率与质量始终是开发者追求的核心目标。鸿蒙系统作为新兴的操作系统,为开发者提供了丰富且强大的开发资源,其中鸿蒙组件&模板服务更是成为开发者快速构建高质量应用的得力助手。
516 0
HarmonyOS NEXT仓颉开发语言实战案例:电影App
周末好!本文分享使用仓颉语言重构ArkTS实现的电影App案例,对比两者在UI布局、组件写法及语法差异。内容包括页面结构、列表分组、分类切换与电影展示等。通过代码演示仓颉在HarmonyOS开发中的应用。##仓颉##ArkTS##HarmonyOS开发
HarmonyOS NEXT仓颉开发语言实战案例:健身App
本期分享一个健身App首页的布局实现,顶部采用Stack容器实现重叠背景与偏移效果,列表部分使用List结合Scroll实现可滚动内容。代码结构清晰,适合学习HarmonyOS布局技巧。
|
12月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1993 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
12月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1270 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
移动开发 Rust JavaScript
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1340 4
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
存储 缓存 5G
鸿蒙 HarmonyOS NEXT端云一体化开发-云存储篇
本文介绍用户登录后获取昵称、头像的方法,包括通过云端API和AppStorage两种方式,并实现上传头像至云存储及更新用户信息。同时解决图片缓存问题,添加上传进度提示,支持自动登录判断,提升用户体验。
539 1

热门文章

最新文章