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

提高代码性能技巧谈—以创建千行表格为例

Jul 01 Javascript

Javascript前端UI框架Kit使用指南之kitjs事件管理

Nov 28 Javascript

jQuery实现带水平滑杆的焦点图动画插件

Mar 08 Javascript

JSON字符串转换JSONObject和JSONArray的方法

Jun 03 Javascript

基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard

Jun 17 Javascript

Bootstrap栅格系统学习笔记

Nov 25 Javascript

JS实现浏览器打印、打印预览示例

Feb 28 Javascript

vue.js 实现点击按钮动态添加li的方法

Sep 07 Javascript

说说如何使用Vuex进行状态管理(小结)

Apr 14 Javascript

灵活使用console让js调试更简单的方法步骤

Apr 23 Javascript

Vue 递归多级菜单的实例代码

May 05 Javascript

JS实现图片切换特效

Dec 23 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与SQL注入攻击[一]

2007/04/17 PHP

php实现文件下载简单示例(代码实现文件下载)

2014/03/10 PHP

destoon切换城市后实现logo旁边显示地区名称的方法

2014/08/21 PHP

php防止网站被刷新的方法汇总

2014/12/01 PHP

yii2使用ajax返回json的实现方法

2016/05/14 PHP

由prototype_1.3.1进入javascript殿堂－类的初探

2006/11/06 Javascript

jQuery帮助之CSS尺寸(五)outerHeight、outerWidth

2009/11/14 Javascript

jquery无刷新验证邮箱地址实现实例

2014/02/19 Javascript

Javascript 中创建自定义对象的方法汇总

2014/12/04 Javascript

jQuery制作拼图小游戏

2015/01/12 Javascript

JS实现弹性菜单效果代码

2015/09/07 Javascript

使用JS实现图片展示瀑布流效果的实例代码

2016/09/12 Javascript

Javascript中内建函数reduce的应用详解

2016/10/20 Javascript

bootstrap导航栏、下拉菜单、表单的简单应用实例解析

2017/01/06 Javascript

JavaScript字符串对象

2017/01/14 Javascript

vue利用v-for嵌套输出多层对象,分别输出到个表的方法

2018/09/07 Javascript

vuex直接赋值的三种方法总结

2018/09/16 Javascript

ES6 Promise对象的应用实例分析

2019/06/27 Javascript

vue的路由映射问题及解决方案

2019/10/14 Javascript

JavaScript 反射和属性赋值实例解析

2019/10/28 Javascript

Vue.js的模板语法详解

2020/02/16 Javascript

openlayers4实现点动态扩散

2020/08/17 Javascript

在vant中使用时间选择器和popup弹出层的操作

2020/11/04 Javascript

vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解

2020/12/15 Vue.js

Python正则表达式实现截取成对括号的方法

2017/01/06 Python

python 计算文件的md5值实例

2017/01/13 Python

python+pyqt实现12306图片验证效果

2017/10/25 Python

详解Python之unittest单元测试代码

2018/01/24 Python

解决python 输出是省略号的问题

2018/04/19 Python

Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法

2018/04/19 Python

Python可变参数会自动填充前面的默认同名参数实例

2019/11/18 Python

python list数据等间隔抽取并新建list存储的例子

2019/11/27 Python

瑞典耳机品牌：URBANISTA

2019/12/03 全球购物

大客户销售经理职责

2013/12/04 职场文书

麦当劳辞职信范文

2014/01/18 职场文书

酒店工程部主管岗位职责

2015/04/16 职场文书