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

js 多浏览器分别判断代码

Apr 01 Javascript

漂亮的jquery提示效果(仿腾讯弹出层)

Feb 05 Javascript

在jQuery中关于json空对象筛选替换

Apr 15 Javascript

Jquery中offset()和position()的区别分析

Feb 05 Javascript

javascript检查某个元素在数组中的索引值

Mar 30 Javascript

vue.js加载新的内容(实例代码)

Jun 01 Javascript

EasyUI创建人员树的实例代码

Sep 15 Javascript

关于JavaScript中高阶函数的魅力详解

Sep 07 Javascript

解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题

Sep 14 Javascript

Node使用Selenium进行前端自动化操作的代码实现

Oct 10 Javascript

2019最新21个MySQL高频面试题介绍

Feb 06 Javascript

js+css实现扇形导航效果

Aug 18 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

Memcached常用命令以及使用说明详解

2013/06/27 PHP

在Yii框架中使用PHP模板引擎Twig的例子

2014/06/13 PHP

ThinkPHP数据操作方法总结

2015/09/28 PHP

PHP实现文件上传功能实例代码

2017/05/18 PHP

PHP替换Word中变量并导出PDF图片的实现方法

2020/11/26 PHP

Jquery Select操作方法集合脚本之家特别版

2010/05/17 Javascript

JS自定义功能函数实现动态添加网址参数修改网址参数值

2013/08/02 Javascript

jquery如何获取复选框的值

2013/12/12 Javascript

js数组常用操作方法小结(增加,删除,合并,分割等)

2016/08/02 Javascript

浅谈javascript alert和confirm的美化

2016/12/15 Javascript

Bootstrap Tooltip显示换行和左对齐的解决方案

2017/10/11 Javascript

js replace 全局替换的操作方法

2018/06/12 Javascript

electron + vue项目实现打印小票功能及实现代码

2018/11/25 Javascript

分享一个vue项目“脚手架”项目的实现步骤

2019/05/26 Javascript

详解将微信小程序接口Promise化并使用async函数

2019/08/05 Javascript

vue.js购物车添加商品组件的方法

2019/09/17 Javascript

js this 绑定机制深入详解

2020/04/30 Javascript

Vue 列表页带参数进详情页的操作(router-link)

2020/11/13 Javascript

[02:42]DOTA2英雄基础教程杰奇洛

2013/12/23 DOTA

Python远程视频监控程序的实例代码

2019/05/05 Python

python聚类算法解决方案（rest接口/mpp数据库/json数据/下载图片及数据）

2019/08/28 Python

Python实现随机取一个矩阵数组的某几行

2019/11/26 Python

40行Python代码实现天气预报和每日鸡汤推送功能

2020/02/27 Python

python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例

2020/02/27 Python

Django认证系统user对象实现过程解析

2020/03/02 Python

PyCharm 在Windows的有用快捷键详解

2020/04/07 Python

python 引用传递和值传递详解(实参,形参)

2020/06/05 Python

pycharm 实现复制一行的快捷键

2021/01/15 Python

CSS3实现缺角矩形，折角矩形以及缺角边框

2019/12/20 HTML / CSS

瑞典时尚耳机品牌：Urbanears

2017/07/26 全球购物

Subside Sports德国：足球球衣和球迷商品

2019/06/08 全球购物

幼儿园长自我鉴定

2013/10/17 职场文书

纪念九一八事变演讲稿1000字

2014/09/14 职场文书

食品仓管员岗位职责

2015/04/01 职场文书

南极大冒险观后感

2015/06/05 职场文书

小学三年级语文教学反思

2016/03/03 职场文书