微信小程序 - 使用npm（第三方包）

在开始正文之前，我要吐槽一下微信小程序的官方文档，微信作为一款出色的产品，怎么开发人员的写文档的水平如此下等，正如和同事调侃：如果你找到一个不知名的博客在讲述小程序的用法，请大胆的相信他，因为他可能比官网的更靠谱。由此，你能看到我的博客，我便相信你是在官网上找不到答案的无辜群众了。

正文

新建一个wechat小程序项目（这里我起的名字是wechat-npm-case），如图：

新建小程序

初始化npm：在你所建项目的根目录下，使用npm init -y，初始化一下

执行npm init

开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)

使用npm模块

根目录下新建 node_modules 文件夹: mkdir node_modules

cd node_modules 进入新建的 node_modules，执行下面命令：

npm install miniprogram-datepicker --production

miniprogram-datepicker

点开左上角工具->选中构建npm

点开左上角工具->选中构建npm

完成构建

完成构建

成功后会在目录中生成一个miniprogram_npm目录。

这时候你就可以使用诸如：vant-weapp等的小程序第三方库了。

我们可以根据vant-weapp的快速入门来尝试一下。

这是我尝试的截图，van-button已经被成功使用：

vant-button

注：每当你通过 npm 安装一个第三方库时，记得别忘记重新构建一下（点开左上角工具->选中构建npm）

结语

提示：后面还有精彩敬请期待，请大家关注我的专题：web前端。如有意见可以进行评论，每一条评论我都会认真对待。