如何导入并使用插件市场里的插件

2024-07-03 05:17:18

目录

1、以插件市场中的uni-popup 弹出层插件作为示例：

2、以插件市场中的uView2.0 插件作为示例：

1、以插件市场中的uni-popup 弹出层插件作为示例：

（1）首先点击使用HBuilderX导入插件

（2）跳转到HBuilderX

（3）选择需要引入插件的那个项目

（4）然后就会出现这个目录

（5）由于uni-popup已经进行对外暴露了，所以直接在想要用的页面使用即可，无需再次引用和注册

详情参考文档用法：uni-app官网https://uniapp.dcloud.io/component/uniui/uni-popup.html

（6）将示例模板粘贴后并运行到微信小程序模拟器

功能正常使用

2、以插件市场中的uView2.0 插件作为示例：

方法一：

（1）到（4）操作步骤同上

（5）安装配置

Hbuilder X方式：

如果您是使用Hbuilder X开发的用户，您可以在uni-app插件市场通过uni_modules的形式进行安装，此安装方式可以方便您后续在uni_modules对uView进行一键升级。在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可。

注意： 此安装方式必须要按照下载方式安装的配置中的说明配置了才可用。

下载地址：uView2.0重磅发布，利剑出鞘，一统江湖 - DCloud 插件市场

引入uView主JS库

// main.js
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

在引入uView的全局SCSS主题文件

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

引入uView基础样式

<style lang="scss">/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */@import "@/uni_modules/uview-ui/index.scss";
</style>

方法二：配置easycom组件模式

什么是easycom：uni-app官网https://uniapp.dcloud.io/collocation/pages.html#easycom

此配置需要在项目根目录的pages.json中进行。

// pages.json
{// 如果您是通过uni_modules形式引入uView，可以忽略此配置"easycom": {"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"},// 此为本身已有的内容"pages": [// ......]
}

（6）配置完后直接使用组件

示例：

效果：

如何导入并使用插件市场里的插件相关推荐

【HBuilderX】预编译器错误：代码使用了scss/sass语言，但未安装相应的编译器插件，请前往插件市场安装该插件:
[HBuilderX]预编译器错误:代码使用了scss/sass语言,但未安装相应的编译器插件,请前往插件市场安装该插件: 一.报错二.报错原因三.解决办法一.报错预编译器错误:代码使用了sc ...
预编译器错误：代码使用了less语言，但未安装相应的编译器插件，请前往插件市场安装该插件
问题002:预编译器错误:代码使用了less语言,但未安装相应的编译器插件,请前往插件市场安装该插件 [编译错误] 使用HBUilderX编译运行时出现 [解决过程] 选择 "工具–插件安装 ...
idea从插件市场或者外部插件库导入插件的方式
我们平时在使用idea进行开发时,会用到一些插件来辅助开发或增强某些功能.选好合适的插件能帮助我们提高开发效率,事半功倍. 以下提供从idea内部自带的插件市场下载插件和从idea外置插件库导入插件的 ...
uni-app 预编译器错误：代码使用了scss/sass语言，但未安装相应的编译器插件，请前往插件市场安装该插件
一.报错截图二.报错原因导致出现上述现象的原因是未安装相关编译器. 三.解决办法打开HBuilderX,点击工具选项,然后点击插件安装进入插件安装界面,点击"安装新插件", ...
uni-app 报错：代码使用了scss/sass语言，但未安装相应的编译器插件，请前往插件市场安装该插件
报错如下: 解决方法: 1.[工具]>[插件安装] 2.前往插件市场,安装缺失的scss/sass插件 3.进入下载页,点击[使用HBuilderX导入插件]
使用HBuilder插件市场感悟
使用HBuilder插件市场感悟使用HBuilder插件市场感悟最近花了两周的时间来学习如何用HBuiilder X软件将HBuilder插件市场的第三方插件导入到我自己的项目中,但是目前还是没有 ...
多多客小程序发布全插件化1.0版，插件市场正式上线
多多客小程序作为青否原班人马打造的小程序第三方平台,结合5年商城系统.近2年小程序SaaS平台研发及运营经验,重点发力小程序个性化和各类营销玩法,联合服务商.开发者.经营专家,共建服务生态,服务百万商 ...
anacoda里面安装包显示失败_VScode离线安装插件，以及安装插件失败问题
一直使用VScode,所以在新项目中,领了虚拟机之后,依然使用VScode,但是VScode安装的只是一个工具,里面没有任何插件,没有插件怎么办公啊,所以只能自己安装离线插件了,找了很多方法,终于安装 ...
Java后端接口自动生成神器 -- EasyYapi插件（Yapi接口管理工具在IDEA里的插件）
Java后端接口自动生成神器 – EasyYapi插件(Yapi接口管理工具在IDEA里的插件) 一.先看效果 1.生成yapi文档的效果 2.生成postman格式数据并导入接口测试类后的效果(如p ...

最新文章

热门文章