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

JQuery教学之性能优化

May 14 Javascript

解析AngularJS中get请求URL出现的跨域问题

Dec 01 Javascript

js编写三级联动简单案例

Dec 21 Javascript

JavaScript简单生成 N~M 之间随机数的方法

Jan 13 Javascript

详解基于 axios 的 Vue 项目 http 请求优化

Sep 04 Javascript

vue动画打包后失效问题的解决方法

Sep 18 Javascript

微信上传视频文件提示（推荐）

Nov 22 Javascript

详解关于React-Router4.0跳转不置顶解决方案

May 10 Javascript

vue读取本地的excel文件并显示在网页上方法示例

May 29 Javascript

kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.

Sep 17 Javascript

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

Oct 15 Javascript

小程序如何定位所在城市及发起周边搜索

Feb 11 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(3) php 函数

2010/02/15 PHP

php实现的百度搜索某地天气的小偷代码

2014/04/23 PHP

在WordPress的后台中添加顶级菜单和子菜单的函数详解

2016/01/11 PHP

简单三步，搞掂内存泄漏

2007/03/10 Javascript

javascript来定义类的规范小结

2010/11/19 Javascript

extjs tabpanel限制选项卡数量实现思路及代码

2013/04/02 Javascript

js正则表达式中test,exec,match方法的区别说明

2014/01/29 Javascript

angularjs中的单元测试实例

2014/12/06 Javascript

node.js中的events.emitter.removeListener方法使用说明

2014/12/10 Javascript

node.js中的fs.chownSync方法使用说明

2014/12/16 Javascript

javascript封装的sqlite操作类实例

2015/07/17 Javascript

SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的

2015/12/10 Javascript

jQuery多选框选择数量限制方法

2017/02/08 Javascript

使用JQuery实现图片轮播效果的实例(推荐)

2017/10/24 jQuery

浅谈Angular HttpClient简单入门

2018/05/04 Javascript

element-ui upload组件多文件上传的示例代码

2018/10/17 Javascript

BootStrap模态框闪退问题实例代码详解

2018/12/10 Javascript

微信小程序开发之点击按钮退出小程序的实现方法

2019/04/26 Javascript

Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法

2020/09/04 Javascript

[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08

2020/11/10 DOTA

python实现ping的方法

2015/07/06 Python

Python使用MD5加密算法对字符串进行加密操作示例

2018/03/30 Python

Pandas:DataFrame对象的基础操作方法

2018/06/07 Python

python实现微信小程序自动回复

2018/09/10 Python

Python实现合并两个有序链表的方法示例

2019/01/31 Python

python读取raw binary图片并提取统计信息的实例

2020/01/09 Python

css3 中实现炫酷的loading效果

2019/04/26 HTML / CSS

马来西亚排名第一的宠物用品店：Pets Wonderland

2020/04/16 全球购物

政治表现评语

2014/05/04 职场文书

教师个人学习总结

2015/02/11 职场文书

新员工试用期自我评价

2015/03/10 职场文书

食堂采购员岗位职责

2015/04/03 职场文书

主题班会开场白

2015/06/01 职场文书

中小学生安全教育观后感

2015/06/17 职场文书

Mysql实现简易版搜索引擎的示例代码

2021/08/30 MySQL

Appium中scroll和drag_and_drop根据元素位置滑动

2022/02/15 Python