微信小程序使用npm包 vant-weapp为例

微信小程序如何使用npm包（vant-weapp）

1.首先我们新建一个小程序
把所有 信息填好了之后新建

2.右键空白区域=>用终端打开 （windows的从文件夹里右键用终端打开）

3.输入npm init 初始化项目 （使用npm之前 你得先确定安装node.js）

4.输入项目名称（这里随便输入一个就行） 剩下的 一键回车

5.这就算是初始化完项目了

6.然后 我们呢就可以 安装我们想要安装的npm包 插件包了
这里我用vant-weapp作为演示
我们就去官网看一下
网址打在下面了！！
https://vant-contrib.gitee.io/vant-weapp/#/intro

这个ui组件库 一般用于小程序 专门运用与小程序使用
7.安装

在终端使用

npm i @vant/weapp -S --production

然后把 app.json 里的 style:v2 去除

在微信开发者工具中勾选使用npm模块

构建npm，在微信开发者工具中工具选项中点击构建npm

构建成功了
然后我们就可以按照官网的文档使用了

比如我们要引入 button组建

如果全局引入就从app.json里 引入 如果单页面使用就按需引入 从相应的页面.json引入

下一步直接从.wxml中把组建插进去

浏览效果

成功！！！
Vant-weapp有好多插件可以使用
结束 ！！！！！