微信小程序中使用npm引入vant weapp

一.思路

1.在小程序根目录内,初始化npm

2.在小程序中执行命令安装 npm 包

3.在微信开发者工具中的菜单栏:工具 --> 构建 npm 

4.在微信开发者工具中的菜单栏:工具 --> 项目详情, 勾选“使用 npm 模块”选项:

5.使用组件库

6.使用其他npm 包方法

二.具体步骤

1.新建一个小程序

微信小程序中使用npm引入vant weapp

2.在小程序根目录内,初始化npm,初始化后的文件会多一个package.json

微信小程序中使用npm引入vant weapp微信小程序中使用npm引入vant weapp微信小程序中使用npm引入vant weapp

3. 在小程序中执行命令安装 npm 包 (这边安装的是vant)

微信小程序中使用npm引入vant weapp

 

4.在微信开发者工具中的菜单栏:工具 --> 构建 npm 

微信小程序中使用npm引入vant weapp

5.在微信开发者工具中的菜单栏:工具 --> 项目详情, 勾选“使用 npm 模块”选项:

微信小程序中使用npm引入vant weapp

6.使用组件库   

(1)json中引入对应的组件

(2)直接在wxml中使用组件

微信小程序中使用npm引入vant weapp

微信小程序中使用npm引入vant weapp