uni-app小程序使用DCloud（插件市场）流程

10月前作者：halo1416 分类：Toy博客阅读(53) 违法举报

这篇具有很好参考价值的文章主要介绍了uni-app小程序使用DCloud（插件市场）流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、DCloud（插件市场）

DCloud 是uni-app官方插件市场，里面有官方、团队、个人发布的众多插件，包括uni-ui、uni-pay 等。而像uni-ui这种大型组件库都有官方文档可参考，但一些团队或个人发布的小型插件没有文档，只有下载、导入按钮。本文就以电子签名插件 jushi-signature 为示例记录怎么引入插件并使用

本文编辑器基于 VsCode，使用 HBuilderX 将更简单

二、插件引入并使用

1. 下载

uniapp插件市场,小程序,uni-app,小程序,DCloud,插件

在插件右侧点击下载即可，但注意：最好选择支持uni_modules的插件

2. 引入插件

在项目src目录下，新建文件夹 uni_modules，并将解压后的文件夹放进去，结构如下：
ps：放到uni_modules文件下的插件不用再通过代码去引入了，可直接使用了
uniapp插件市场,小程序,uni-app,小程序,DCloud,插件

3. 使用插件

根据插件内的 readme.md 说明使用即可

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！文章来源地址https://www.toymoban.com/news/detail-753091.html

到了这里，关于uni-app小程序使用DCloud（插件市场）流程的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

小程序-uni-app：hbuildx uni-app 安装 uni-icons 及使用

一、官方文档找到uni-icons uni-app官网二、下载插件三、点击“打开HBuildX” 四、选择要安装的项目五、勾选要安装的插件六、安装后，项目插件目录根目录uni_modules目录下增加uni-icons、uni-scss 七、引入组件，使用组件八、经过测试，成功。参考链接 http://lihuaxi.xjx100.cn/new

2024年02月12日
浏览(58)
快速使用uni-app搭建小程序项目

HBuilder是uni-app官方团队专门定制的编辑器，它对Vue做了大量优化投入，且支持uni-app官方库Api的智能提示和推断，同时，我们也可以在通过编辑器快速的创建各种场景下的项目模板，总之HBuilder是用uni-app进行应用开发的首选编辑器，可以访问其官网进行下载安装，点击如下链接

2024年02月15日
浏览(131)
uni-app 使用 tailwindcss 兼容小程序

在小程序中常规的方式安装taiwindcss会在小程序中报错，所以需要用兼容的写法安装。这里介绍使用vue-cli创建的uniapp项目，按我的步骤操作就好。这步会生成tailwindcss.config文件，如果没有生成，也可以自己手动在根目录创建主要是修改plugins部分，加入以下代码，加在require

2024年02月15日
浏览(61)
uni-app：vue3 + uni-app 在微信小程序中无法使用app.component全局注册组件

按上文中的代码执行后，会发现在微信小程序开发中全局注册的组件是无法显示的，这是uniapp的一个未解决bug，在uniapp中出了可以通过vue实例的component方法注册全局组件外，uniapp支持另一种全局注册的方式，就是通过 easycom 扫描注册，步骤如下 easycom 的扫描流程是：通过代码

2024年02月16日
浏览(98)
uni-app微信小程序使用echarts

前言：本来是使用的ucharts，但因为无法监听图例点击交互，满足不了需求，所以只能放弃。首先，下载echart组件。可以先随便建个文件夹，然后 npm init。接着下载依赖然后找到 node_modulesmpvue-echarts下的文件，如图只留下src，其他的删掉（没有用到）。然后复制 mpvue-echart

2024年02月10日
浏览(74)
使用vscode开发配置uni-app(小程序)

这个文件是用 VsCode 写 uniapp 小程序的步骤笔记安装Vue脚手架(vue-cli) 通过脚手架创建 uni-app 项目我们是初学者就直接选择默认模板创建好后用vscode打开项目安装vue语法提示插件 vetur 和 vue-helper 安装组件语法提示初始化npm 从git下载代码块放到项目目录下的 .vscode (没有文件夹

2024年02月08日
浏览(83)
小程序-uni-app：uni-app-base项目基础配置及使用/uni-app+vue3+ts+vite+vscode

目前（20230605）uni-app最新版本（3.8.4.20230531）一、官网文档微信开放文档 uni-app官网二、创建项目项目目标：vue3+ts+vite+vscode 创建以 typescript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） npx degit dcloudio/uni-preset-vue#vite-ts uniapp-base 本文创建成功为了验

2024年02月15日
浏览(96)
小程序-uni-app：uni-app-base项目基础配置及使用 / uni-app+vue3+ts+vite+vscode

目前（20230605）uni-app最新版本（3.8.4.20230531）一、官网文档微信开放文档 uni-app官网二、创建项目项目目标：vue3+ts+vite+vscode 创建以 typescript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） npx degit dcloudio/uni-preset-vue#vite-ts uniapp-base 本文创建成功为了验

2024年02月05日
浏览(587)
uni-app模版（扩展插件）

锋哥原创的uni-app视频教程： 2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中..._哔哩哔哩_bilibili 2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中...共计23条视频，包括：第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等，

2024年02月03日
浏览(48)
uni-app 小程序使用腾讯地图完成搜索功能

前言使用uni-app开发小程序时候使用腾讯地图原生SDK是，要把原生写法转成vue写法在这记录一下。我们需要注意的是使用高德地图时我们不仅要引入SDK，还要再uni-app中配置允许使用。由于uni-app内置地图就是腾讯，所以获取位置的api，uni.getLocation坐标不用转换，直接使用。

2024年02月08日
浏览(64)