微信小程序平台提供了一些扩展组件库,可以有效解决一些具体问题。但对于对 npm 和微信开发者工具不太熟悉的人来说,通过 npm 引用扩展组件库的过程可能并没有想象的那么简单。这里我整理一下主要的操作要点。
注意:1、以下操作仅在微信开发工具和电脑命令窗口中进行;
2.本文主要解决用npm引入-view的问题,至于如何使用-view请参考官方文档。
1.在微信开发者工具中点击详情-本地设置,勾选使用npm模块:
2.使用电脑的命令窗口打开目录(小程序根目录,不包括云函数目录):
1)初始化npm:在命令窗口输入命令npm init(如果本项目之前没有使用过npm,则此步骤不可省略),然后回车。
2)安装-view:输入命令npm --save --view
3.在微信开发者工具中,点击工具-构建npm
4.引用需要导入到页面的.json文件中的-view和-item:
":{
"-view": "--view/-view",
“-item”:“--查看/-item”
5.在页面中引入.wxml文件中就可以正常使用-view了:
具体使用方法请参考官方文档: