Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
20f8c2fc
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
提交
20f8c2fc
编写于
6月 10, 2022
作者:
Z
zyq-zyq
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update third-party
Signed-off-by:
N
zyq-zyq
<
zhuyuanqing3@h-partners.com
>
上级
e0238c88
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
19 addition
and
24 deletion
+19
-24
zh-cn/third-party-components/hpm-third-party-guide.md
zh-cn/third-party-components/hpm-third-party-guide.md
+0
-1
zh-cn/third-party-components/npm-third-party-guide.md
zh-cn/third-party-components/npm-third-party-guide.md
+19
-23
zh-cn/third-party-components/official-website.png
zh-cn/third-party-components/official-website.png
+0
-0
未找到文件。
zh-cn/third-party-components/hpm-third-party-guide.md
已删除
100644 → 0
浏览文件 @
e0238c88
待hpm包发布后完善该文档......
\ No newline at end of file
zh-cn/third-party-components/npm-third-party-guide.md
浏览文件 @
20f8c2fc
# OpenHarmony JS/TS三方组件使用指导
## OpenHarmony JS/TS三方组件介绍
OpenHarmony JS/TS三方组件是以OpenHarmony npm包的形式,在传统的npm三方组件的基础上,定义了OpenHarmony npm共享包特定的工程结构和配置文件,支持OpenHarmony页面组件相关API、资源的调用。通过OpenHarmony npm包,
您可以实现多个模块或者多个工程共享OpenHarmony页面、资源等相关代码。前往
[
npm官方文档
](
https://docs.npmjs.com/about-npm
)
,您
可以了解和掌握npm的基础功能和机制。
OpenHarmony JS/TS三方组件是以OpenHarmony npm包的形式,在传统的npm三方组件的基础上,定义了OpenHarmony npm共享包特定的工程结构和配置文件,支持OpenHarmony页面组件相关API、资源的调用。通过OpenHarmony npm包,
可以实现多个模块或者多个工程共享OpenHarmony页面、资源等相关代码。前往
[
npm官方文档
](
https://docs.npmjs.com/about-npm
)
,
可以了解和掌握npm的基础功能和机制。
## 查找OpenHarmony JS/TS三方组件
a.
关注Gitee官网OpenHarmony-TPC
[
三方组件资源汇总
](
https://gitee.com/openharmony-tpc/tpc_resource
)
项目,根据目录索引即可找到对应分类下的具体组件。
1.
关注Gitee官网OpenHarmony-TPC
[
三方组件资源汇总
](
https://gitee.com/openharmony-tpc/tpc_resource
)
项目,根据目录索引即可找到对应分类下的具体组件。
b.
访问
[
OpenHarmony官网
](
https://www.openharmony.cn/mainPlay/tpc
)
,通过类型,分类,以及关键字搜索需要的三方组件。
![
official-website.png
](
official-website.png
)
2.
访问
[
OpenHarmony官网
](
https://www.openharmony.cn/mainPlay/tpc
)
,通过类型,分类,以及关键字搜索需要的三方组件。
!
[
official-website.png
](
official-website.png
)
## 安装并使用OpenHarmony JS/TS语言的三方组件
在应用开发的过程中,JS/TS语言的三方组件,通常以源码或OpenHarmony npm包的方式被引入使用。
您可以按照以下步骤
将OpenHarmony npm包引入应用并使用,源码的具体引入及使用请参考各三方组件README.md指导介绍。
在应用开发的过程中,JS/TS语言的三方组件,通常以源码或OpenHarmony npm包的方式被引入使用。
按照以下步骤即可
将OpenHarmony npm包引入应用并使用,源码的具体引入及使用请参考各三方组件README.md指导介绍。
1.
配置OpenHarmony npm环境,详情请参考安装教程
[
如何安装OpenHarmony npm包
](
https://gitee.com/openharmony-tpc/docs/blob/master/OpenHarmony_npm_usage.md
)
。
2.
在Terminal项目终端中,进入entry目录,并执行目标组件命令进行安装。具体的下载命令详见OpenHarmony官网该三方组件的“下载安装“模块。
![
npm-usage1.png
](
npm-usage1.png
)
以安装
[
vcard三方组件
](
https://growing.openharmony.cn/mainPlay/libraryMaps/vcard_595
)
为例,找到“下载安装”模块获取其安装命令,并执行该命令安装:
以安装vcard三方组件为例,依赖包会存储在工程的node_modules目录下@ohos
\v
card下。
!
[
npm-usage1.png
](
npm-usage1.png
)
```
npm install @ohos/vcard
```
!
[
npm-usage2.png
](
npm-usage2.png
)
![
npm-usage2.png
](
npm-usage2.png
)
3.
下载完成后在项目文件下自动生成node_modules文件,下载的三方库即node_modules目录下的@ohos
\V
Card。
3.
下载完成后在项目文件下自动生成node_modules文件,下载的三方库就在node_modules文件夹下。
![
npm-usage3.png
](
npm-usage3.png
)
!
[
npm-usage3.png
](
npm-usage3.png
)
4.
在package.json中会自动添加如下依赖:
```
"dependencies": {
```
"dependencies": {
"@ohos/vcard": "^2.0.5"
}
```
}
```
5.
在需要使用该组件的文件中导入组件。
![
npm-usage4.png
](
npm-usage4.png
)
!
[
npm-usage4.png
](
npm-usage4.png
)
6.
导入组件后直接使用方法即可。
![
npm-usage5.png
](
npm-usage5.png
)
\ No newline at end of file
!
[
npm-usage5.png
](
npm-usage5.png
)
\ No newline at end of file
zh-cn/third-party-components/official-website.png
查看替换文件 @
e0238c88
浏览文件 @
20f8c2fc
173.4 KB
|
W:
|
H:
84.4 KB
|
W:
|
H:
2-up
Swipe
Onion skin
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录