编程 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针对DOM的应用实例（一）

Apr 15 Javascript

jquery 扑捉回车键事件代码

Apr 24 Javascript

JS中的Replace方法使用经验分享

May 20 Javascript

JS实现转动随机数抽奖特效代码

Apr 16 Javascript

星期几的不同脚本写法(推荐)

Jun 01 Javascript

vue.js项目中实用的小技巧汇总

Nov 29 Javascript

在vue组件中使用axios的方法

Mar 16 Javascript

vue 实现左右拖拽元素并且不超过他的父元素的宽度

Nov 30 Javascript

JavaScript函数的特性与应用实践深入详解

Dec 30 Javascript

Flutter部件内部状态管理小结之实现Vue的v-model功能

Jun 11 Javascript

防止Layui form表单重复提交的实现方法

Sep 10 Javascript

JS前端模块化原理与实现方法详解

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

php数组函数序列之in_array() 查找数组值是否存在

2011/10/29 PHP

PHP如何使用JWT做Api接口身份认证的实现

2020/02/03 PHP

一个可以显示阴历的JS代码

2007/03/05 Javascript

JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)

2008/11/03 Javascript

让你的博文自动带上缩址的实现代码，方便发到微博客上

2010/12/28 Javascript

javascript 快速排序函数代码

2012/05/30 Javascript

js实现用户注册协议倒计时的方法

2015/01/21 Javascript

JS实现仿Windows7风格的网页右键菜单效果代码

2015/09/11 Javascript

AngularJS控制器之间的通信方式详解

2016/11/03 Javascript

Html中 IFrame的用法及注意点

2016/12/22 Javascript

bootstrap的常用组件和栅格式布局详解

2017/05/02 Javascript

JS库之wow.js使用方法

2017/09/14 Javascript

深入理解vue中slot与slot-scope的具体使用

2018/01/26 Javascript

Node.js Koa2使用JWT进行鉴权的方法示例

2018/08/17 Javascript

Vue.js 中的 v-show 指令及用法详解

2018/11/19 Javascript

Vue.Draggable拖拽功能的配置使用方法

2020/07/29 Javascript

VUE解决微信签名及SPA微信invalid signature问题(完美处理)

2019/03/29 Javascript

了解JavaScript中的选择器

2019/05/24 Javascript

js中的面向对象之对象常见创建方法详解

2019/12/16 Javascript

[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密

2014/07/08 DOTA

[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP

2016/03/06 DOTA

[02:50]【扭转乾坤，只此一招】DOTA2全新版本永雾林渊开启新篇章

2020/12/24 DOTA

python文件写入实例分析

2015/04/08 Python

Django中Forms的使用代码解析

2018/02/10 Python

python 对key为时间的dict排序方法

2018/10/17 Python

详解Python with/as使用说明

2018/12/13 Python

Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】

2019/10/12 Python

Django 博客实现简单的全文搜索的示例代码

2020/02/17 Python

可贵的沉默教学反思

2014/02/06 职场文书

《木笛》教学反思

2014/03/01 职场文书

就职演讲稿范文

2014/05/19 职场文书

教师考察材料范文

2014/06/03 职场文书

关于旅游的活动方案

2014/08/15 职场文书

2014年个人工作总结报告

2014/11/27 职场文书

2015年建党94周年演讲稿

2015/03/19 职场文书

HTML+JS实现在线朗读器

2022/02/15 Javascript