【如此之白】如何在Gitee上发布OpenHarmony应用第三方库 原创 精华
npm是js的包管理器,通过npm我们可以来管理OpenHarmony第三方库
这里以eTS组件为例
创建本地组件
IDE:DevEco Studio 3.0.0.900
首先我们新建项目
选择API 8,eTS
等待项目完成
我们可以看到在entry目录下,有个package.json文件,我们的第三方库都是会使用npm命令安装在entry下
接下来我们要创建自己的第三方组件了,我们新建一个module
选择Ohos Library
给module起个名字,这里我就叫test了,选择eTS,Finish
我们可以看到在新的module下面有个index.ets文件,用来导出我们的组件
这里我重新写了下MainPage.ets组件,组件可以使用Previewer进行预览
我们的组件是一个100X100的蓝色小块
怎么使用我们本地的这个组件呢?我们在entry/src/main/ets/MainAbility/pages/index.ets
文件中
看看效果,组件可以正常使用
接下来就是发布这个组件了。
创建Gitee项目
登录我们的Gitee,新建仓库用来发布我们的组件
初始化仓库
不需要添加.gitignore,如果添加了请删掉
添加README文件
初始仓库都是私有的,我们需要进入管理页面
将仓库设为开源
获取仓库地址,这里我的地址是https://gitee.com/hytyj_hamstermie/ohos-test.git
发布组件到Gitee
进入我们test modules目录,这就是我们需要发布的内容
我们首先需要修改我们的package.json
接下来我们在这个目录下直接新建git仓库
推荐Git Bash与TortoiseGit
TortoiseGit真的很方便
右键Git Bash Here
执行命令
关联gitee仓
将所有文件添加至缓存区
第一次强制拉取远程仓master分支
提交我们的代码到缓存区
可以看到我们本地有一个master分支
发布我们的代码到gitee仓master分支
NPM本地安装组件
请不要在DevEco IDE中添加第三方库
命令行进入项目entry目录,执行npm命令
在IDE中可以查看到变化,点击Sync Now
我们在entry/src/main/ets/MainAbility/pages/index.ets
文件中修改组件的引用路径
重启previewer可以查看到组件已经可以使用了
新IDE有点问题,若无法显示或者无法看到更新内容:
1、删除.preview文件夹后,重启previewer
2、重启IDE
组件版本管理
这里为了展示我先建立两个版本分支
-
1.0.0
-
1.0.1
我们修改分支1.0.1下的内容
package.json
entry/src/main/ets/MainAbility/pages/index.ets
把方块改成红色400X400
提交分支
在Gitee上可以看到两个分支
接下来我们来安装1.0.1版本的组件
删除.preview文件,后重启previewer
这教学太详细了!
666