微信小程序接入vant Weapp组件的详细步骤


Posted in Javascript onOctober 28, 2020

刚创建的项目的文件结构

微信小程序接入vant Weapp组件的详细步骤

首先在你项目的根目录下打开终端,输入npm init 对项目初始化

微信小程序接入vant Weapp组件的详细步骤

这时会生成pachage.json文件。

微信小程序接入vant Weapp组件的详细步骤

继续在终端运行以下命令

微信小程序接入vant Weapp组件的详细步骤

我这里用这个:

npm i vant-weapp -S --production

运行完如图所示:

微信小程序接入vant Weapp组件的详细步骤

安装成功后 回到小程序开发工具 点击 工具 => 构建npm

微信小程序接入vant Weapp组件的详细步骤

运行完截图:

微信小程序接入vant Weapp组件的详细步骤

完成后在编辑器右边的详情把红框内的打勾上

微信小程序接入vant Weapp组件的详细步骤

使用组件

在你想使用组件库的的json文件内引入组件。比如你想在fundIncome页面内使用button组件。

微信小程序接入vant Weapp组件的详细步骤

效果:

微信小程序接入vant Weapp组件的详细步骤

上面的代码就参照vant的官网文档了。

到此这篇关于微信小程序接入vant Weapp组件的详细步骤的文章就介绍到这了,更多相关小程序vant Weapp组件内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法
Dec 31 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
详解javascript常用工具类的封装
Jan 30 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
JS闭包经典实例详解
Dec 20 Javascript
vue+element 模态框表格形式的可编辑表单实现
Jun 07 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 #Javascript
通过JS判断网页是否为手机打开
Oct 28 #Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 #Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 #Javascript
ant design vue中表格指定格式渲染方式
Oct 28 #Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
Oct 28 #Javascript
ant design vue datepicker日期选择器中文化操作
Oct 28 #Javascript
You might like
2.PHP入门
2006/10/09 PHP
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
PHP框架Laravel的小技巧两则
2015/02/10 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
Javascript Global对象
2009/08/13 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
Python greenlet实现原理和使用示例
2014/09/24 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
使用celery执行Django串行异步任务的方法步骤
2019/06/06 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
python环境下安装opencv库的方法
2020/03/05 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
女大学生毕业找工作的自我评价
2013/10/03 职场文书
优质服务演讲稿
2014/05/14 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
教师党员整改措施
2014/10/24 职场文书
会议通知格式范文
2015/04/15 职场文书
庭外和解协议书
2016/03/23 职场文书