微信小程序接入vant Weapp组件的详细步骤
更新时间：2020年10月28日 10:46:44 作者：小佑@小佐
这篇文章主要介绍了微信小程序接入vant Weapp组件的详细步骤,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
刚创建的项目的文件结构
首先在你项目的根目录下打开终端，输入npm init 对项目初始化
这时会生成pachage.json文件。
继续在终端运行以下命令
我这里用这个：
npm i vant-weapp -S --production
运行完如图所示：
安装成功后 回到小程序开发工具 点击 工具 => 构建npm
运行完截图：
完成后在编辑器右边的详情把红框内的打勾上
使用组件
在你想使用组件库的的json文件内引入组件。比如你想在fundIncome页面内使用button组件。
效果：
上面的代码就参照vant的官网文档了。
到此这篇关于微信小程序接入vant Weapp组件的详细步骤的文章就介绍到这了,更多相关小程序vant Weapp组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
cnblogs是比较有名的技术博客基地，很多技术达人都在里面发布技术文章， 不过由于代码不利于复制，因为页面里面有pre标签等问题2011-12-12
这篇文章主要为大家详细介绍了微信小程序实现倒计时功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
记录一下这些内容只是以后查阅起来方便，作为自己知识积累的记录。其中有很多是参考网络上的资源，不再一一写出出处，还请原作者见谅。2010-12-12
JavaScript中检查对象property的存在性方法介绍
这篇文章主要介绍了JavaScript中检查对象property的存在性方法介绍,本文讲解了4种方法来检查某个对象o是否拥有property x,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细总结了手机图片预览插件photoswipe.js使用方法，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要为大家详细介绍了js日历相关函数的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
非常不错的，收藏效果代码，增加当前页的现实，实现对比2008-08-08
javascript中的 object 和 function小结
JavaScript的面向对象是基于原形的，所有对象都有一条属于自己的原型链。Object与Function可能很多看Object instanceof Function ， Function instanceof Object都为true而迷惑，所以首先看下对象的实例。2016-08-08
这篇文章主要为大家详细介绍了JavaScript结合H5 canvas实现投篮小游戏的具体代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要为大家介绍了一个JavaScript获取元素当前高度的实例，比较实用，建议新手朋友们可以看看2014-10-10
最新评论