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


Posted in Javascript onOctober 28, 2020

刚创建的项目的文件结构

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

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

Javascript 相关文章推荐
做网页的一些技巧(续)
Feb 01 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
JavaScript中pop()方法的使用教程
Jun 09 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
May 17 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
Jquery-data的三种用法
Apr 18 jQuery
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
Vue封装Axios请求和拦截器的步骤
Sep 16 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 download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
PHP session 会话处理函数
2016/06/06 PHP
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
JS基于ES6新特性async await进行异步处理操作示例
2019/02/02 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
ES6小技巧之代替lodash
2019/06/07 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
用js编写留言板
2020/03/17 Javascript
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
Python爬虫图片懒加载技术 selenium和PhantomJS解析
2019/09/18 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
阿玛尼美妆俄罗斯官网:Giorgio Armani Beauty RU
2020/07/19 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
品管员岗位职责
2013/11/10 职场文书
三年级数学教学反思
2014/01/31 职场文书
军训自我鉴定怎么写
2014/02/13 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
鉴史问廉观后感
2015/06/10 职场文书