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

javascript中的事件代理初探

Mar 08 Javascript

jquery原创弹出层折叠效果点击折叠弹出一个层

Mar 12 Javascript

JS更改select内option属性的方法

Oct 14 Javascript

node.js从数据库获取数据

May 08 Javascript

jQuery Easyui datagrid editor为combobox时指定数据源实例

Dec 19 Javascript

angularjs定时任务的设置与清除示例

Jun 02 Javascript

React学习笔记之条件渲染（一）

Jul 02 Javascript

Node.js成为Web应用开发最佳选择的原因

Feb 05 Javascript

从vue源码解析Vue.set()和this.$set()

Aug 30 Javascript

vue-cli3全面配置详解

Nov 14 Javascript

vue-cli3配置与跨域处理方法

Aug 17 Javascript

JavaScript利用html5新方法操作元素类名详解

Nov 27 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

让CodeIgniter数据库缓存自动过期的处理的方法

2014/06/12 PHP

php正则表达式获取内容所有链接

2015/07/24 PHP

php实现xml转换数组的方法示例

2017/02/03 PHP

JavaScript 字符串连接性能优化

2008/12/20 Javascript

Jquery知识点一 Jquery的ready和Dom的onload的区别

2011/01/15 Javascript

JavaScript按值删除数组元素的方法

2015/04/24 Javascript

jquery动态导航插件dynamicNav用法实例分析

2015/09/06 Javascript

jQuery Mobile 和 Kendo UI 的比较

2016/05/05 Javascript

KnockoutJS 3.X API 第四章之表单value绑定

2016/10/10 Javascript

基于jquery实现的银行卡号每隔4位自动插入空格的实现代码

2016/11/22 Javascript

JavaScript实现的鼠标响应颜色渐变效果完整实例

2017/02/18 Javascript

JS常用正则表达式总结【经典】

2017/05/12 Javascript

jquery 输入框查找关键字并提亮颜色的实例代码

2018/01/23 jQuery

Vue.js自定义事件的表单输入组件方法

2018/03/08 Javascript

vue addRoutes实现动态权限路由菜单的示例

2018/05/15 Javascript

深入理解NodeJS 多进程和集群

2018/10/17 NodeJs

微信小程序 WXML节点信息查询详解

2019/07/29 Javascript

解决layui弹框失效的问题

2019/09/09 Javascript

原生js实现贪食蛇小游戏的思路详解

2019/11/26 Javascript

Angular封装表单控件及思想总结

2019/12/11 Javascript

对python中的os.getpid()和os.fork()函数详解

2019/08/08 Python

pytorch点乘与叉乘示例讲解

2019/12/27 Python

tensorflow tf.train.batch之数据批量读取方式

2020/01/20 Python

浅谈Pytorch torch.optim优化器个性化的使用

2020/02/20 Python

HTML5实现可缩放时钟代码

2017/08/28 HTML / CSS

中国最大的潮流商品购物网站：YOHO!BUY有货

2017/01/07 全球购物

计生工作先进事迹

2014/08/15 职场文书

学校党委副书记个人对照检查材料思想汇报

2014/09/28 职场文书

乡镇计划生育工作汇报

2014/10/28 职场文书

2015年基层党组织公开承诺书

2015/01/21 职场文书

放牛班的春天观后感

2015/06/01 职场文书

2016重阳节红领巾广播稿

2015/12/18 职场文书

2016年区委书记抓基层党建工作公开承诺书

2016/03/25 职场文书

MySQL数据库查询进阶之多表查询详解

2022/04/08 MySQL

Python实现双向链表基本操作

2022/05/25 Python

python数字图像处理实现图像的形变与缩放

2022/06/28 Python