鸿蒙开发:基于node脚本实现组件化运行

简介: node脚本的方式,需要手动的在终端执行命令,进行切换模块运行,相对于上篇的IDE插件,在效率上有所降低,不过熟练之后,问题不大,目前已经提供了两种方式,大家可以选择自己喜欢的方式。

前言


本项目API>=13


上篇文章,我们通过DevEco Studio插件实现了单一模块运行,相对来说,还是非常的便捷,毕竟是可视化操作,不过,插件有一个潜在的问题需要告知,那就是单一模块如果没有默认的页面,在运行时是会报错的,也就是每个模块下需要有一个Index.ets页面做为模块的主入口,不过在创建模块的时候,默认都会创建这个页面,大家不要删除即可,当然了,后续也会针对插件做一层优化,没有这个默认页面默认去创建一个。



今天的内容同样也是和组件化运行相关的,只不过换了一种方式,那就是通过node脚本来实现。


node脚本的方式和IDE插件的方式功能是一模一样的,只是在实现上不同,使用node脚本无须再安装IDE插件,只需要把脚本放在项目中即可。


node脚本配置


脚本地址如下:

https://abnerming888.github.io/vip/load/start.js


大家可以在自己项目根目录下新建同名文件,把内容复制进去即可,如下图所示:



脚本可分为四块,node start 为前两块,为固定模式,start为你的脚步文件名字,如果你保存的不是start名字,那么就改为你的名字即可;第三块是自己想要切换的组件名字,也就是你想让那个模块运行,第四块是默认的页面路径,这个可以不传,默认是pages/Index,执行案例如下:


node start 模块名字


鸿蒙开发是需要node环境的,一般不需要我们在额外配置,在下载DevEco Studio的时候会自行配置,为了验证node环境是否存在,我们可以在DevEco Studio底部终端,输入node -v,如果能正确显示出版本号,则有node环境。



如果没有node环境,我是说如果啊,有两种方式可以解决,第一种是大家可以从node官网下载,自行配置环境变量,第二种,就是使用DevEco Studio中自带的node环境。


DevEco Studio中自带的node环境,我们可以点击顶部的Run菜单按钮,点击Edit Configurations…,如下图所示:



点击左侧的Hvigor,随便选择一个,右侧的Node interpreter中就是IDE自带的node环境:



MAC电脑使用


如果你的电脑是MAC,复制完之后,需要在后面加一个”/node“,如下所示:


/Applications/DevEco-Studio.app/Contents/tools/node/bin/node


可以发现一样可以获取到node版本,只不过是全路径而已。



Windows电脑使用


如果你的电脑是Windows系统,复制出来需要双引号,才能正确执行命令,并且后缀加上”\node.exe“,如下所示:


"F:\soft\harmonyIDE\devecostudio-windows-5.0.11.100\config\DevEco Studio\tools\node\node.exe"


执行命令的时候,直接复制上面的node路径即可,需要注意的是,选择Command Prompt这个选项。


当然了,无论是Windows还是Mac,如果没有node环境,还是希望你能进行全局的环境变量配置,方便命令的执行。


node脚本使用


使用就非常的简单了,大家只需要在底部的终端中,执行你想要运行的模块命令即可,比如,我想让home模块进行运行:



执行完命令之后,为了防止错误发生,需要进行同步和刷新项目,如下图所示:



然后选择home模块,点击运行即可:



如果设备上已经运行了同等包名的应用,需要卸载原有的,再进行安装,只需要点击控制台的蓝色即可:



以上执行完之后,如果你的模块,没有设置默认的启动Launch,需要手动配置一次,仅第一次配置,如果已经配置了,则会直接运行到设备上。


点击运行的模块,选择编辑配置:



找到Launch,选择Default Ability:



相关总结


node脚本的方式,需要手动的在终端执行命令,进行切换模块运行,相对于上篇的IDE插件,在效率上有所降低,不过熟练之后,问题不大,目前已经提供了两种方式,大家可以选择自己喜欢的方式。


本文标签:鸿蒙开发工具/DevEco Studio

相关文章
|
6月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1159 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
6月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
904 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
6月前
|
移动开发 Rust JavaScript
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1045 4
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
7月前
|
存储 缓存 5G
鸿蒙 HarmonyOS NEXT端云一体化开发-云存储篇
本文介绍用户登录后获取昵称、头像的方法,包括通过云端API和AppStorage两种方式,并实现上传头像至云存储及更新用户信息。同时解决图片缓存问题,添加上传进度提示,支持自动登录判断,提升用户体验。
311 1
|
7月前
|
存储 负载均衡 数据库
鸿蒙 HarmonyOS NEXT端云一体化开发-云函数篇
本文介绍基于华为AGC的端云一体化开发流程,涵盖项目创建、云函数开通、应用配置及DevEco集成。重点讲解云函数的编写、部署、调用与传参,并涉及环境变量设置、负载均衡、重试机制与熔断策略等高阶特性,助力开发者高效构建稳定云端服务。
699 1
鸿蒙 HarmonyOS NEXT端云一体化开发-云函数篇
|
7月前
|
存储 JSON 数据建模
鸿蒙 HarmonyOS NEXT端云一体化开发-云数据库篇
云数据库采用存储区、对象类型、对象三级结构,支持灵活的数据建模与权限管理,可通过AGC平台或本地项目初始化,实现数据的增删改查及端侧高效调用。
367 1
|
7月前
|
存储 开发者 容器
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
本文介绍了ArkTS语言中的Class类、泛型、接口、模块化、自定义组件及状态管理等核心概念,并结合代码示例讲解了对象属性、构造方法、继承、静态成员、访问修饰符等内容,同时涵盖了路由管理、生命周期和Stage模型等应用开发关键知识点。
538 1
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
|
7月前
鸿蒙 HarmonyOS NEXT星河版APP应用开发-阶段三
本文介绍了UI开发中的样式复用与组件构建技术,涵盖@Extend、@Styles和@Builder的使用方法,并通过Swiper轮播、Scroll滚动、Tabs导航等常用组件实现典型界面效果,结合生肖抽卡、小米轮播、回顶按钮等案例,展示实际应用技巧。
202 1
|
6月前
|
移动开发 Android开发
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
340 0
|
7月前
|
传感器 监控 安全
HarmonyOS NEXT 5.0 的星闪(NearLink)开发应用案例
V哥分享HarmonyOS NEXT 5.0星闪开发实战,涵盖智能车钥匙无感解锁与工业传感器监控。低延迟、高可靠,代码完整,速来学习!
994 0

热门文章

最新文章