小程序 —— Vant Weapp的引入使用

1. 当初始化一个小程序项目,此时项目目录结构中是没有package.json这个文件的,需要执行npm init 创建一个package.json文件;

2.执行 npm i @vant/weapp -S --production, 安装vant weapp 组件到项目中

小程序 —— Vant Weapp的引入使用

 

执行完毕如下图所示,会多出一个node_modules文件夹

小程序 —— Vant Weapp的引入使用

 

 

3. 

小程序 —— Vant Weapp的引入使用

4. 构建npm,构建完成后,目录结构会多出下面这个文件夹

小程序 —— Vant Weapp的引入使用

 

 5. 处理样式冲突问题

小程序 —— Vant Weapp的引入使用

 

6. 至此,便已成功引入vant weapp组件,按照文档说明使用相应组件即可。

 

上一篇:Vue Vant Cascader控件 三级城市数据


下一篇:如何中断一个已发出去的请求?