作者:好白菜1 | 来源:互联网 | 2023-10-10 18:31
1.当初始化一个小程序项目,此时项目目录结构中是没有package.json这个文件的,需要执行npminit创建一个package.json文件;2.执行npmi@vantwea
1. 当初始化一个小程序项目,此时项目目录结构中是没有package.json这个文件的,需要执行npm init 创建一个package.json文件;
2.执行 npm i @vant/weapp -S --production, 安装vant weapp 组件到项目中
![](https://img.php1.cn/3cd4a/1eebe/cd5/eec57030b649a106.webp)
执行完毕如下图所示,会多出一个node_modules文件夹
![](https://img.php1.cn/3cd4a/1eebe/cd5/780a3060eeed6a4e.webp)
3.
![](https://img.php1.cn/3cd4a/1eebe/cd5/ed19db63ee478b98.png)
4. 构建npm,构建完成后,目录结构会多出下面这个文件夹
![](https://img.php1.cn/3cd4a/1eebe/cd5/433ea70d6ea577b1.jpeg)
5. 处理样式冲突问题
![](https://img.php1.cn/3cd4a/1eebe/cd5/60405fda58cd0acd.webp)
6. 至此,便已成功引入vant weapp组件,按照文档说明使用相应组件即可。