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

做网页的一些技巧（续）

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 职场文书