微信小程序接入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 相关文章推荐
飞鱼(shqlsl) javascript作品集
Dec 16 Javascript
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 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
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
php使用session二维数组实例
2014/11/06 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
全面解读PHP的Yii框架中的日志功能
2016/03/17 PHP
yii2-GridView在开发中常用的功能及技巧总结
2017/01/07 PHP
Nginx+php配置文件及原理解析
2020/12/09 PHP
从URL中提取参数与将对象转换为URL查询参数的实现代码
2012/01/12 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
js绑定事件和解绑事件
2017/04/27 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
python 列表、字典和集合的添加和删除操作
2019/12/16 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
初级Java程序员面试题
2016/03/03 面试题
小学生元旦感言
2014/02/26 职场文书
元宵晚会主持词
2014/03/25 职场文书
小学先进集体事迹材料
2014/05/31 职场文书
面试通知短信
2015/04/20 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
python中%格式表达式实例用法
2021/06/18 Python