更多信息请访问：OpenHarmony技术社区https://ost.51cto.comnpm即js包管理通过npm，我们可以管理OpenHarmony第三方库。这里以eTS组件为例：创建本地组件IDE：DevEcoStudio3.0.0.900。首先我们创建一个新项目。选择API8，eTS。等待项目完成。我们可以看到入口目录下有一个package.json文件，我们的第三方库会通过npm命令安装到入口下。接下来我们要创建自己的第三方组件，我们创建一个新的模块。选择Ohos库。给模块起个名字，这里我叫test，选择eTS，Finish。我们可以看到在新建的模块下有一个index.ets文件，这个文件是用来导出我们的组件的。这里我重写了MainPage.ets组件，可以使用Previewer进行预览。@Entry@ComponentexportstructMainPage{build(){Column().height(100).width(100).backgroundColor(Color.Blue)}}我们的组件是一个100X100的蓝色块。如何使用我们的本地组件？我们在entry/src/main/ets/MainAbility/pages/index.ets文件中。import{MainPage}from'../../../../../../test/index'//也可以使用import{MainPage}from'test/index'//也可以预览正常情况下，但是会报错。建议使用相对路径形式@Entry@ComponentstructIndex{build(){Row(){//我们的组件MainPage()}.height('100%')}}查看效果，组件正常使用.下一步是发布这个组件。创建一个Gitee项目登录我们的Gitee，新建一个仓库来发布我们的组件。初始化存储库。.gitignore不需要加，如果加了请删除。添加自述文件。初始仓库都是私有的，我们需要进入管理页面。使存储库开源。获取仓库地址，这里我的地址是https://gitee.com/hytyj_hamstermie/ohos-test.git。将组件发布到Gitee到我们的测试模块目录下，这就是我们需要发布的。我们首先需要修改我们的package.json。{"name":"@ohos/test",#添加作者"author":"talkweb_tiantianjiang",#可以自己修改描述"description":"一个包含arkUI2.0页面的npm包","ohos":{"org":""},#这是第一个版本1.0.0"version":"1.0.0","main":"index.ets","types":"",#这是我们的Gitee库地址"repository":{"type":"git","url":"https://gitee.com/hytyj_hamstermie/ohos-test.git"},#license与Gitee库一致"license":"ApacheLicense2.0","dependencies":{}}接下来我们直接在这个目录下新建一个git仓库。推荐使用GitBash和TortoiseGit。TortoiseGit真的很方便。右键单击此处的GitBash。执行命令：$gitinit关联gitee仓库：$gitremoteaddoriginhttps://gitee.com/hytyj_hamstermie/ohos-test.git添加所有文件到缓存区。$混帐添加。第一次强行拉取远程仓库的master分支。$gitpulloriginmaster--allow-unrelated-histories将我们的代码提交到缓存中。$gitcommit-m'firstversioncommit'可以看到我们本地有一个master分支。$gitbranch*master将我们的代码发布到gitee仓库的master分支。$gitpushoriginmasterNPM在本地安装组件请不要在DevEcoIDE中添加第三方库。命令行进入项目入口目录，执行npm命令：npminstallgit+https://gitee.com/hytyj_hamstermie/ohos-test.git可以在IDE中查看变化，点击SyncNow.我们在entry/src/main/ets/MainAbility/pages/index.ets文件中修改组件的引用路径。import{MainPage}from'@ohos/test'@Entry@ComponentstructIndex{build(){Row(){MainPage()}.height('100%')}}复制并重启预览器可以看到组件可以使用。新的IDE有问题。如果您无法显示或看到更新的内容：1.删除.preview文件夹后，重新启动预览器。2.重新启动IDE。组件版本管理为了在这里展示，我先创建两个版本分支。1.0.01.0.1#创建并切换分支1.0.0$gitcheckout-b1.0.0#提交1.0.0分支$gitpushorigin1.0.0#创建并切换分支1.0.1$gitcheckout-b1.0.1我们修改分支1.0.1下的内容：package.json:{..."version":"1.0.1",...}entry/src/main/ets/MainAbility/pages/index.ets。将正方形更改为红色400X400。@Entry@ComponentexportstructMainPage{build(){Column().height(400).width(400).backgroundColor(Color.Red)}}提交分支。$gitcommit-am"version1.0.1"$gitpushorigin1.0.1你可以在Gitee上看到两个分支。接下来，让我们安装1.0.1版本的组件。npminstallgit+https://gitee.com/hytyj_hamstermie/ohos-test.git#1.0.1删除.preview文件，然后重启预览器。更多信息请访问：OpenHarmony技术社区https://ost.51cto.com
