在开始正文之前,我要吐槽一下微信小程序的官方文档,微信作为一款出色的产品,怎么开发人员的写文档的水平如此下等,正如和同事调侃:如果你找到一个不知名的博客在讲述小程序的用法,请大胆的相信他,因为他可能比官网的更靠谱。由此,你能看到我的博客,我便相信你是在官网上找不到答案的无辜群众了。
正文
新建一个wechat小程序项目(这里我起的名字是wechat-npm-case),如图:
初始化npm:在你所建项目的根目录下,使用npm init -y
,初始化一下
执行npm init
开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)
根目录下新建 node_modules 文件夹: mkdir node_modules
cd node_modules
进入新建的 node_modules,执行下面命令:
npm install miniprogram-datepicker --production
点开左上角工具->选中构建npm
完成构建
成功后会在目录中生成一个miniprogram_npm目录。
这时候你就可以使用诸如:vant-weapp等的小程序第三方库了。
我们可以根据vant-weapp的快速入门来尝试一下。
这是我尝试的截图,van-button已经被成功使用:
注:每当你通过 npm 安装一个第三方库时,记得别忘记重新构建一下(点开左上角工具->选中构建npm)
结语
提示:后面还有精彩敬请期待,请大家关注我的专题:web前端。如有意见可以进行评论,每一条评论我都会认真对待。