编程 Javascript

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

Posted in Javascript onOctober 28, 2020

刚创建的项目的文件结构

首先在你项目的根目录下打开终端，输入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组件内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木！

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

- Author -

小佑@小佐

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

跟随鼠标旋转的文字

Nov 30 Javascript

CSDN轮换广告图片轮换效果

Mar 27 Javascript

兼容IE与firefox火狐的回车事件(js与jquery)

Oct 20 Javascript

javascript简单实现表格行间隔显示颜色并高亮显示

Nov 29 Javascript

分享一款基于jQuery的视频播放插件

Oct 09 Javascript

浅析$.getJSON异步请求和同步请求

Jun 06 Javascript

移动端翻页插件dropload.js（支持Zepto和jQuery）

Jul 27 Javascript

ionic2打包android时gradle无法下载的解决方法

Apr 05 Javascript

BootStrap 导航条实例代码

May 18 Javascript

Angular.js通过自定义指令directive实现滑块滑动效果

Oct 13 Javascript

JavaScript实现创建自定义对象的常用方式总结

Jul 09 Javascript

微信小程序扫描二维码获取信息实例详解

May 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

ThinkPHP使用Smarty第三方插件方法小结

2016/03/19 PHP

PHP 输出缓冲控制(Output Control)详解

2016/08/25 PHP

网站被恶意镜像怎么办 php一段代码轻松搞定（全面版）

2018/10/23 PHP

php/JS实现的生成随机密码(验证码)功能示例

2019/06/06 PHP

javascript各浏览器中option元素的表现差异

2011/04/07 Javascript

window.open()详解及浏览器兼容性问题示例探讨

2014/05/29 Javascript

javascript+html5实现绘制圆环的方法

2015/07/28 Javascript

JS+CSS简单树形菜单实现方法

2015/09/12 Javascript

js判断手机号运营商的方法

2015/10/23 Javascript

解析Node.js异常处理中domain模块的使用方法

2016/02/16 Javascript

AngularJS通过$sce输出html的方法

2016/09/22 Javascript

BootStrap Table 设置height表头与内容无法对齐的问题

2016/12/28 Javascript

iview给radio按钮组件加点击事件的实例

2017/09/30 Javascript

layer.open关闭父窗口以及调用父页面的方法

2018/08/17 Javascript

使vue实现jQuery调用的两种方法

2019/05/12 jQuery

深入学习JavaScript 高阶函数

2019/06/11 Javascript

layui表格数据复选框回显设置方法

2019/09/13 Javascript

vue项目实现图片上传功能

2019/12/23 Javascript

python中pycurl库的用法实例

2014/09/30 Python

深入源码解析Python中的对象与类型

2015/12/11 Python

在阿里云服务器上配置CentOS+Nginx+Python+Flask环境

2016/06/18 Python

Django应用程序中如何发送电子邮件详解

2017/02/04 Python

python执行使用shell命令方法分享

2017/11/08 Python

Python实现确认字符串是否包含指定字符串的实例

2018/05/02 Python

Python txt文件如何转换成字典

2020/11/03 Python

详解css3自定义滚动条样式写法

2017/12/25 HTML / CSS

美国知名的摄影器材销售网站：Adorama

2017/02/01 全球购物

Nike瑞典官方网站：Nike.com (SE)

2018/11/26 全球购物

计算机操作自荐信

2013/12/07 职场文书

安全生产计划书

2014/05/04 职场文书

庆祝国庆节标语

2014/10/09 职场文书

拾金不昧感谢信范文

2015/01/21 职场文书

2015年计划生育协会工作总结

2015/05/13 职场文书

元旦晚会主持词开场白

2015/05/28 职场文书

导游经典开场白——导游词

2019/04/17 职场文书

Python Pandas pandas.read_sql_query函数实例用法分析

2021/06/21 Python