如何让微信小程序可以使用npm，并且使用第三方vant组件库？

一、如何让微信小程序可以使用npm

微信默认不支持npm包管理工具的，如果我们想安装第三方包或者使用组件库就要使用npm，所以要让vant支持npm。

如何让小程序支持npm：

1.在小程序的终端先生成package.json的文件

微信小程序左上角视图里打开终端，在终端输入:

npm init -y

成功后文件列表会多一个package.json的文件

2.勾选开发者工具-详情–本地设置-npm模块

3.选择微信开发者工具-工具-构建npm

在微信左上角的工具中点构建npm

（1）现在直接使用会提示没有可用的npm 包 ，所以你要去终端先把你要下载的包通过npm指令下载到小程序本地；

例如：安装vant ui 组件库

安装vant: npm i @vant/weapp -S --production

安装好本地会在package.json的文件显示你下载的包

（2）然后这个时候再去工具构造npm 就可以正常使用了