微信小程序开发引入第三方组件（小程序引入第三方js）
本篇文章给大家谈谈微信小程序开发引入第三方组件，以及小程序引入第三方js对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
微信小程序开发工具——引入vant组件库
1.在小程序更目录下初始化npm：
2.在小程序 package.json 所在的目录中执行命令安装 npm 包：
3.安装vant包：
npm i @vant/weapp -S --production
4.
5.
报错如下图：
6.
7.然后在需要引入组件的页面中的.json文件里按需引入即可
微信小程序引入第三方UI组件
需要引入第三方UI组件 Vant-Weapp
打开终端，输入cd 拖拽项目文件到终端，然后输入命令npm init
此时，输入package name名称，一直点回车就行
出现Is this OK?(yes)，直接回车即可
在终端输入命令npm i vant-weapp -S --production
在回过头看，在微信小程序开发工具中会多一个文件package.json，在这里面就可以进行包的配置。
这个时候可以在项目文件夹中看见一个新生成的文件夹miniprogram_npm，其中就有我们刚刚安装好的vant组件库
这里要注意，一定是将引入的第三方组件写入“usingComponents”的字典中，如果写成平级的话，会提示page.json [vant-button]无效
vant-button type="danger"微信登陆/vant-button
微信小程序（或uniapp）引入腾讯视频插件播放视频
注意：个人开发者无法使用
登录微信公众平台，在你的小程序后台的设置-第三方服务—插件管理，搜索插件并点击添加。
微信小程序：
小程序的app.json里声明使用插件
在使用插件的页面的js文件里
使用插件的自定义组件，在json中定义需要引入的自定义组件。使用plugin://协议
页面中使用
暂停方法：
uniapp：
manifest.json添加：
在page.json中的对应页面的 style中添加
页面实现：
n0041aa087e即为vid。
微信小程序开发|工具|npm 使用
用过 npm 的小伙伴肯定很熟悉 node_modules，但是「微信开发工具」是不认 node_modules 的 , 它认的是 miniprogram_npm； 而 miniprogram_npm 是通过 node_modules 转出来的， 它是通过「微信开发工具」的 “工具” - “构建 npm” 生成出来的。
具体步骤如下：
1、 npm init
这里会产生 package.json 的配置文件
2、 npm install ** --p --s
安装需要的包，这里会产生 node_modules
3、「微信开发工具」走一遍 “工具” - “构建 npm”
这里会产生 miniprogram_npm
4、「微信开发工具」的本地配置中 “使用 npm 模块” 勾上
5、使用包
引入的组件可以有第三方组件和 js 工具
1、 按照步骤安装库同时走一遍 “工具” - “构建 npm”，产生\miniprogram_npm\weui-miniprogra
npm install weui-miniprogram --p --s
2、 在 app.wxss 引入全局样式
3、在需要使用的页面中引入控件和使用，
譬如 pages/index/index.json，然后就可以在 index.wxml
1、 按照步骤安装库同时走一遍 “工具” - “构建 npm”，产生\miniprogram_npm\js-base64
npm install js-base64 --p --s
2、在 *.js 文件中用 require 或者 import 引入，然后使用
微信小程序开发引入第三方组件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序引入第三方js、微信小程序开发引入第三方组件的信息别忘了在本站进行查找喔。
