本文介绍了如何在微信小程序中引入并使用Vant框架。首先， vantUI是移动端UI组件库，适合小程序开发。接着，详细步骤包括：初始化项目，安装依赖，修改app.json去除'style': 'v2'，调整project.config.json确保npm包能被找到，最后在微信开发者工具中构建npm并启用npm模块。通过这些步骤，开发者可以成功引入Vant组件，如Button。
一、vant框架
vantUI框架常用于移动端页面组件的基础库构建，为了让用户获得更趋向于原生的体验，它是一种相当不错的方案选择。
关于这个框架，它不仅有适用于移动端vue脚手架的版本，同时还存在可以兼容小程序开发的webapp版本。在微信小程序的原生组件较少的背景下，通常我们在开发微信小程序的时候则往往会使用该框架作为主体的UI框架进行开发，省时省力，大大缩短了开发的周期。
由于小程序的环境和普通的Vue项目大不相同，所以想要在小程序中引入vant框架并不能直接用npm去直接构建，它稍微会更麻烦些，所以接下来的内容会详细介绍一下如何在微信小程序中引入使用Vant。
二、通过包的方式引入Vant并使用
①.打开我们小程序的项目目录，然后打开文件所在的位置。
②打开命令行窗口，输入npm init构建package文件，通过该配置文件管理插件包。
③接下来安装依赖，跟vue项目的方式一样。
npm i @vant/weapp -S --production
最低0.47元/天 解锁文章
扫一扫
1186
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
