小程序快速引入vant-weapp组件库（适合小白）

在阅读本篇文章之前，相信你已经对小程序有了很深刻的认知及了解。

• 小程序官方npm使用介绍点击直达
• vant-weapp组件库安装官方介绍点击直达

下面开始介绍小白入门步骤，搬个板凳认真听

第一步，我们右键进入小程序根目录

这样我们就进入了根目录

第二步，在根目录按住Shift键然后点击鼠标右键，选择“在此处打开命令窗口（W）”

第三步，在命令窗口输入以下命令

npm i vant-weapp -S --production

这样我们就成功下载vant组件库啦，下一步我们需要初始化组件库

第四步，这一步是最为重要的一步，一会我将会说原因，我们在刚才打开的命令窗口执行下面命令

npm init

最后这样就算我们初始化完成啦

好吧，现在来给大家说下为啥第四步至关重要，如果你不执行npm  init命令，这个组件库就不会初始化自然在你去小程序开发者工具执行构建npm的时候会报错（没有找到可以构建的NPM包），相信这是绝大多数小白遇到的问题。

好啦，这里说完原因了，下面我们进行第五步，构建NPM包。

第五步，使用小程序开发者工具构建NPM包，操作如下

构建ing.....，构建好之后会出现下面示例

到这一步说明我们的组件库已经构造完毕，但是它还不能用起来，怎么用起来呢，看第六步。

第六步，勾选使用npm模块

到此我们的组件库引用教程就介绍完毕了。