上海 网站 备案,页面跳转流程图,织梦网站模板教程,wordpress 三站合一前端开发难免使用第三方库#xff0c;鸿蒙亦是如此#xff0c;在使用 DevEco Studio 开发工具时#xff0c;如何引入第三方库呢#xff1f;操作步骤如下#xff0c;假设你使用的是MacOS#xff0c;假设你已经创建了了一个项目#xff1a;
一、配置 HTTP Proxy
在打开了…前端开发难免使用第三方库鸿蒙亦是如此在使用 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 registryHarmonyOS 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项目中三方库位置如下
