鸿蒙开发 - ohpm安装第三方库

前端开发难免使用第三方库,鸿蒙亦是如此,在使用 DevEco Studio 开发工具时,如何引入第三方库呢?操作步骤如下,假设你使用的是MacOS,假设你已经创建了了一个项目:

一、配置 HTTP Proxy

在打开了工程的情况下,点击左上角 DevEco Studio -> Preferences -> Appearance & Behavior -> System Settings -> HTTP Proxy

进入HTTP Proxy设置界面,如下图:
在这里插入图片描述
HTTP Proxy配置中,我们不需要设置代理,所以直接勾选 No proxy

二、配置NPM代理

在打开了工程的情况下,可以单击 DevEco Studio -> Preferences -> Build, Execution, Deployment -> Node.js and npm -> Optimize config

在这里插入图片描述
具体配置如下:

1.npm registry:配置npm仓的地址信息。

https://repo.huaweicloud.com/repository/npm/

2.ohos registry:HarmonyOS npm三方包共享仓。

https://repo.harmonyos.com/npm/

这里我们也不需要设置 HTTP proxy信息。

填写并勾选以上信息后,点击OK。在此界面配置的代理信息将写入 .npmrc文件中,文件路径 /Users/sunshiyu/.npmrc 。因此也可直接修改.npmrc文件进行配置。

在这里插入图片描述

Node配置环境变量:

export NODE_HOME= /usr/local/bin #本处路径请替换为Node的安装路径
export PATH=${NODE_HOME}/bin:${PATH}

三、配置OHPM代理

在打开了工程的情况下,可以单击 DevEco Studio -> Preferences -> Build, Execution, Deployment -> Ohpm -> Optimize Config

在这里插入图片描述

具体配置如下:

1.ohpm registry:配置ohpm仓的地址信息。

https://repo.harmonyos.com/ohpm/

这里我们也不需要配置 HTTP proxy信息。填写并勾选以上信息后,点击OK。

在此界面配置的代理信息将写入.ohpmrc文件中,路径 /Users/sunshiyu/.ohpm/.ohpmrc 。因此也可直接修改 .ohpmrc 文件进行配置。

在这里插入图片描述

ohpm配置环境变量中。

export OHPM_HOME=/Users/sunshiyu/Library/Huawei/ohpm  #本处路径请替换为ohpm的安装路径
export PATH=${OHPM_HOME}/bin:${PATH}

四、安装三方库

以上三步理论上在安装DevEco的时候就已经配置好的,如果有同学需要配置HTTP proxy,请参考官方文档:配置开发环境 。我们来安装一个三方库试试,打开项目中的终端:

安装 lottie

ohpm info @ohos/lottie

在这里插入图片描述

再安装一个List组件的下拉加载库: PullToRefresh

ohpm install @ohos/pulltorefresh

在这里插入图片描述

其实安装的速度还是很快的。

查看项目中安装的三方库:

 ohpm list

在这里插入图片描述

项目中三方库位置如下:

在这里插入图片描述

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
华为鸿蒙HarmonyOS开发整理资料汇总,共38份。 1学前必读:HarmonyOS学习资源主题分享 2学前必读:OpenHarmony-联盟生态资料合集 3-1.HarmonyOS概述:技术特性 3-2.HarmonyOS概述:开发工具与平台 3-3.HarmonyOS概述:系统安全 3-4.HarmonyOS概述:系统定义 3-5.HarmonyOS概述:下载与安装软件 3-6.HarmonyOS概述:应用开发基础知识 3-7.HarmonyOS概述:最全HarmonyOS文档和社区资源使用技巧 4-1.生态案例:【开发者说】重塑经典,如何在HarmonyOS手机上还原贪吃蛇游戏 4-2.生态案例:HarmonyOLabo涂鸦鸿蒙亲子版 4-3.生态案例:HarmonyOS分镜头APP案例 4-4.生态案例:HarmonyOS时光序历史学习案例 4-5.生态案例:HarmonyOS先行者说 宝宝巴士携手HarmonyOS共同打造儿童教育交互新体验 4-6.生态案例:HarmonyOS智能农场物联网连接实践 4-7.生态案例:分布式开发样例,带你玩转多设备 4-8.生态案例:华为分布式日历应用开发实践 5-1.【Codelab】HarmonyOS基于图像模块实现图库图片的四种常见操作 5-2.【CodeLab】手把手教你创建第一个手机“Hello World” 5-3.【Codelab】如此简单!一文带你学会15个HarmonyOS JS组件 5-4.【Codelab】懒人“看”书新法—鸿蒙语音播报,到底如何实现? 5-5.【Codelab】基于AI通用文字识别的图像搜索,这波操作亮了 5-6.【Codelab】开发样例概览 6-1.技术解读之HarmonyOS轻量JS开发框架与W3C标准差异分析 6-2.技术解读之HarmonyOS驱动加载过程分析 6-3.技术解读之HarmonyOS组件库使用实践 6-4.技术解读之华为架构师解读:HarmonyOS低时延高可靠消息传输原理 6-5.技术解读之解密HarmonyOS UI框架 6-6.技术解读之如何从OS框架层面实现应用服务功能解耦 7-1.常见问题之HarmonyOS元服务的设计与开发解析 7-2.常见问题之Java开发 7-3.常见问题之JS开发 7-4.常见问题之模拟器登录 7-5.常见问题之模拟器运行 7-6.常见问题之如何使用JsJava开发HarmonyOS UI 7-7.常见问题之应用配置 7-8.常见问题之预览器运行 8【视频合集】入门到进阶视频学习资料合集30+

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值