小程序现在支持直接通过npm安装包了,点击这里了解更多。
记录一下我自己的安装步骤及安装过程中遇到的一些问题。希望能够帮助到正在阅读此篇文章的你~
直接通过在项目根目录安装miniprogram-datepicker做演示。
使用示例:
- 开启“使用npm模块”
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141548748.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)
2. 新建 node_modules 文件夹
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141623695.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)
3. cd到新建 node_modules 所在的目录(非node_modules文件夹内)
npm install miniprogram-datepicker --production
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141659906.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)
4. 开启npm构建![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141719676.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)
构建完成后,会在node_modules文件夹所在目录生成
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141757712.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)
5. 这时我们在index.json里面导入组件即可使用了![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141842691.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)
6. 使用实例
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190831141913232.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzk5OTY2,size_16,color_FFFFFF,t_70)