安装
- windows下载安装npm
https://nodejs.org/en/ - 需要先在miniprogram文件里初始化package.json
npm init -y
- 在miniprogram文件里下载npm资源包
- 接下来就需要在微信开发者工具里面进行配置
- 点击工具 构建npm
- 修改 app.json
将 app.json 中的"style": "v2"
去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。 - 引入组件
以 Button 组件为例,只需要在app.json或index.json中配置 Button 对应的路径即可。
// 通过 npm 安装
// app.json "usingComponents": { "van-button": "/miniprogram_npm/@vant/weapp/button/index" }
使用组件
引入组件后,可以在 wxml 中直接使用组件
<van-button type="primary">按钮</van-button>