当前位置: 首页 > news >正文

鸿蒙开发 - 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

在这里插入图片描述

项目中三方库位置如下:

在这里插入图片描述

相关文章:

  • 飞天使-linux操作的一些技巧与知识点3-http的工作原理
  • Docker部署wordpress和Jenkins
  • NestJS的微服务实现
  • 指针浅谈(三)
  • 1842_emacs使用company-irony实现C语言的自动补全
  • pymysql代替mysqlclient,解决mysqlclient因版本不兼容无法安装成功而无法连接mysql的问题
  • 使用Java将图片添加到Excel的几种方式
  • 机器学习---Boosting
  • 代理ip一般适用于什么行业,什么场景
  • linux下部署frp客户端服务端-内网穿透
  • Linux下的软硬链接
  • 生产派工自动化:MES系统的关键作用
  • 第三十二章 控制到 XML 模式的映射 - %ListOfObjects
  • 金融专题 | 对复杂的金融工具进行设计、定价和对冲分析
  • Redis第1讲——入门简介
  • .pyc 想到的一些问题
  • Angular 响应式表单 基础例子
  • JavaScript 事件——“事件类型”中“HTML5事件”的注意要点
  • JavaScript函数式编程(一)
  • jquery cookie
  • TypeScript实现数据结构(一)栈,队列,链表
  • Webpack4 学习笔记 - 01:webpack的安装和简单配置
  • 安卓应用性能调试和优化经验分享
  • 第2章 网络文档
  • 机器学习学习笔记一
  • 七牛云假注销小指南
  • 如何使用 JavaScript 解析 URL
  • 算法-插入排序
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • 国内开源镜像站点
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • ​二进制运算符:(与运算)、|(或运算)、~(取反运算)、^(异或运算)、位移运算符​
  • #我与Java虚拟机的故事#连载05:Java虚拟机的修炼之道
  • $forceUpdate()函数
  • (Note)C++中的继承方式
  • (poj1.2.1)1970(筛选法模拟)
  • (草履虫都可以看懂的)PyQt子窗口向主窗口传递参数,主窗口接收子窗口信号、参数。
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (二)正点原子I.MX6ULL u-boot移植
  • (学习日记)2024.04.10:UCOSIII第三十八节:事件实验
  • (一)Neo4j下载安装以及初次使用
  • (转载)虚幻引擎3--【UnrealScript教程】章节一:20.location和rotation
  • .bat批处理(四):路径相关%cd%和%~dp0的区别
  • .net(C#)中String.Format如何使用
  • .net知识和学习方法系列(二十一)CLR-枚举
  • @RestController注解的使用
  • [ element-ui:table ] 设置table中某些行数据禁止被选中,通过selectable 定义方法解决
  • [ASP.NET MVC]Ajax与CustomErrors的尴尬
  • [C#]winform部署yolov9的onnx模型
  • [DM复习]Apriori算法-国会投票记录关联规则挖掘(上)
  • [HeadFrist-HTMLCSS学习笔记][第一章Web语言:开始了解HTML]
  • [JS入门到进阶] 哎,被vite小坑了一波,大家记得配置build.cssTarget为‘chrome61‘
  • [leetcode] Multiply Strings
  • [LeetCode]-Integer to Roman 阿拉伯数字转罗马数字
  • [LuoguP1141]01迷宫