本文详细介绍了在HBuilderX环境下，通过uni-app创建项目，使用npm安装vant/weapp，并将vant组件库引入到微信小程序项目中，包括创建wxcomponents目录，注册及引入组件的步骤。
文章目录
- 第一步，HBuilder X中新建一个uni-app的项目
- 第二步，HBuilder X提示项目创建成功，在HBuilder X用命令行窗口打开创建的项目（或直接在创建的项目文件夹内用cmd指令打开）
- 第三步，输入npm init -y 指令，创建项目配置文件（即package.json）；
- 第四步，输入**npm i @vant/weapp -S --production**下载vant
- 第五步，在项目的根路径下，创建wxcomponents目录，并将依赖项（node_modules）中@vant文件夹下的dist复制到wxcomponents，并修改文件夹名为vant;
- 第六步，在pages.json中注册并引入组件
- 如此，即完成了Vant组件库的引入！
第一步，HBuilder X中新建一个uni-app的项目
1、添加项目名称，选择文件路径
2、选择默认模板
3、Vue版本选择（若无其他需求，点击创建即可）
第二步，HBuilder X提示项目创建成功，在HBuilder X用命令行窗口打开创建的项目（或直接在创建的项目文件夹内用cmd指令打开）
第三步，输入npm init -y 指令，创建项目配置文件（即package.json）；
最低0.47元/天 解锁文章
扫一扫
2487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
