uniapp 手动导入插件组件的方法
其实我的需示很明确:
我的uniapp项目需要引入微信小程序的原生插件我的Uni-app项目需要引入uniapp官网的插件市场及成熟的uniapp组件包uniapp项目一般是用Hbuildx自动导入插件/组件的,那如果用的vscode来开发项目时要引入插件/组件就不方便了。更别提像我就算装了Mac版的Hbuildx,但安装插件/组件时还是不知所去。找了很久手动导入插件的方法,在网上找了很久没有一篇说到点上的文章,特地实验后来写此文了。
首先,我们要明白我当前要安装的目标到底是什么?是插件?还是组件?还是页面模板?还是项目模板?但是,由于官方的分类比较模糊,我们很多时候甚至都不清楚自己需要安装的是啥。所以这里请小伙伴们对照看一看此文就会清楚的:https://ask.dcloud.net.cn/article/35408
然后依据你的需求,按照此文档上描述的项目目录来放置和引入你从官方上下载回来的插件包即可。
关于uni_modules这个文件夹的意义有点乱,官方介绍是从HBuilderX 3.1起,新增 uni_modules,它是uni生态的重要模块化方案,通常是对js sdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。
但是经过本人费了很大工夫后了解来看,这个目录是官方为了它的大插件生态而单独使用的一个目录,方便的是官方的在线插件管理和卸载,但对于我们个人手动来使用的话还是很懵逼,所以,如果你是要手工管理组件的话不建议使用此目录。
具体详情可见:https://uniapp.dcloud.net.cn/uni_modules
uni-app工程如何引入组件?引入小程序原生专用的组件│─components 符合vue组件规范的uni-app组件目录│ └─comp-a.vue 可复用的a组件
引入Uni-app规范的组件├─uni_modules 存放uni_module规范的插件。├─wxcomponents 存放小程序组件的目录,具体