微信小程序引入组件教程

1、安装 node.js

下载网址:https://nodejs.org

2.通过 npm 安装

npm init -y

npm i @vant/weapp -S --production

3、修改 app.json

将 app.json 中的 "style": "v2" 去除

4、修改 project.config.json

关于修改 project.config.json 的详细内容,可见官方文档的快速上手中的步骤三

5、构建 npm 包

6、使用组件

官方文档详情参考网址:

介绍 - Vant Weapp (vant-ui.github.io)https://vant-ui.github.io/vant-weapp/#/home

相关推荐
海绵宝宝不喜欢侬5 分钟前
UniApp微信小程序-实现蓝牙功能
微信小程序·uni-app
开发加微信:hedian1162 小时前
微信推客小程序系统开发技术实践
微信·小程序
Python大数据分析3 小时前
uniapp微信小程序商品列表数据分页+本地缓存+下拉刷新+图片懒加载
缓存·微信小程序·uni-app
小白_ysf3 小时前
uniapp和vue3项目中引入echarts 、lime-echart(微信小程序、H5等)
微信小程序·uni-app·echarts·h5·lime-echart
imHere·3 小时前
UniApp 分包异步化配置及组件引用解决方案
微信小程序·uni-app·分包
说私域5 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序在淘宝公域流量运营中的应用研究
人工智能·小程序·开源
2501_916013745 小时前
App 上架全流程指南,iOS App 上架步骤、App Store 应用发布流程、uni-app 打包上传与审核要点详解
android·ios·小程序·https·uni-app·iphone·webview
canglingyue5 小时前
微信小程序加速计开发指南
微信小程序·小程序
SY_FC6 小时前
uniapp发布成 微信小程序 主包内 main.wxss 体积太大
微信小程序·小程序·uni-app
Developer-YC6 小时前
像素图生成小程序开发全解析:从图片上传到Excel图纸
java·javascript·图像处理·微信小程序·excel