编程 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 相关文章推荐

Prototype Selector对象学习

Jul 23 Javascript

javascript中常用编程知识

Apr 08 Javascript

js特殊字符转义介绍

Nov 05 Javascript

控制input输入框中提示信息的显示和隐藏的方法

Feb 12 Javascript

JavaScript 获取任一float型小数点后两位的小数

Jun 30 Javascript

针对初学者的jQuery入门指南

Aug 15 Javascript

vue.js异步上传文件前后端实现代码

Aug 22 Javascript

JS实现的按钮点击颜色切换功能示例

Oct 19 Javascript

一个Vue页面的内存泄露分析详解

Jun 25 Javascript

vue实现动态添加数据滚动条自动滚动到底部的示例代码

Jul 06 Javascript

JavaScript实现秒杀时钟倒计时

Sep 29 Javascript

原生js无缝轮播插件使用详解

Mar 09 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

如何实现给定日期的若干天以后的日期

2006/10/09 PHP

php array的学习笔记

2012/05/10 PHP

php5.5新数组函数array_column使用

2013/07/08 PHP

php使用iconv中文截断问题的解决方法

2015/02/11 PHP

linux平台编译安装PHP7并安装Redis扩展与Swoole扩展实例教程

2016/09/30 PHP

php成功操作redis cluster集群的实例教程

2019/01/13 PHP

smarty模板的使用方法实例分析

2019/09/18 PHP

jquery实现鼠标滑过后动态图片提示效果实例

2015/08/10 Javascript

关于验证码在IE中不刷新的快速解决方法

2016/09/23 Javascript

Angular.js跨controller实现参数传递的两种方法

2017/02/20 Javascript

jQuery实现的简单无刷新评论功能示例

2017/11/08 jQuery

Vue2.0设置全局样式(less/sass和css)

2017/11/18 Javascript

分享ES6的7个实用技巧

2018/01/18 Javascript

Vue框架之goods组件开发详解

2018/01/25 Javascript

vue 每次渲染完页面后div的滚动条保持在最底部的方法

2018/03/17 Javascript

vue实现的网易云音乐在线播放和下载功能案例

2019/02/18 Javascript

js最实用string(字符串)类型的使用及截取与拼接详解

2019/04/26 Javascript

vue-cli2与vue-cli3在一台电脑共存的实现方法

2019/09/25 Javascript

Vue中使用matomo进行访问流量统计的实现

2019/11/05 Javascript

vue之组件内监控$store中定义变量的变化详解

2019/11/08 Javascript

[50:28]LGD女子学院第三期 DOTA2复仇之魂教学

2013/12/24 DOTA

[01:59]深扒TI7聊天轮盘语音出处 1

2017/05/11 DOTA

[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日

2021/03/11 DOTA

python 简易计算器程序，代码就几行

2009/08/29 Python

python daemon守护进程实现

2016/08/27 Python

Flask框架响应、调度方法和蓝图操作实例分析

2018/07/24 Python

解读python如何实现决策树算法

2018/10/11 Python

Python设计模式之迭代器模式原理与用法实例分析

2019/01/10 Python

pytorch SENet实现案例

2020/06/24 Python

意大利网上购书网站：Libraccio.it

2021/02/03 全球购物

某公司.Net方向面试题

2014/04/24 面试题

微笑面对生活演讲稿

2014/05/13 职场文书

感恩老师演讲稿600字

2014/08/28 职场文书

2015年七夕爱情寄语

2015/03/24 职场文书

2015年英语教研组工作总结

2015/05/23 职场文书

订货会主持词

2015/07/01 职场文书