微信小程序扩展组件库引用攻略:npm 与 recycle-view 的使用要点

2024-07-29
来源:网络整理

微信小程序平台提供了一些扩展组件库,可以有效解决一些具体问题。但对于对 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了:

具体使用方法请参考官方文档:

分享