小程序 —— Vant Weapp的引入使用
2021/9/17 17:34:46
本文主要是介绍小程序 —— Vant Weapp的引入使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 当初始化一个小程序项目,此时项目目录结构中是没有package.json这个文件的,需要执行npm init 创建一个package.json文件;
2.执行 npm i @vant/weapp -S --production, 安装vant weapp 组件到项目中
执行完毕如下图所示,会多出一个node_modules文件夹
3.
4. 构建npm,构建完成后,目录结构会多出下面这个文件夹
5. 处理样式冲突问题
6. 至此,便已成功引入vant weapp组件,按照文档说明使用相应组件即可。
这篇关于小程序 —— Vant Weapp的引入使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享