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

70+漂亮且极具亲和力的导航菜单设计国外网站推荐

Sep 20 Javascript

js中switch case循环实例代码

Dec 30 Javascript

JavaScript实现弹出子窗口并传值给父窗口

Dec 18 Javascript

JavaScript编程中容易出BUG的几点小知识

Jan 31 Javascript

JS根据生日月份和日期计算星座的简单实现方法

Nov 24 Javascript

AngularJS表格样式简单设置方法示例

Mar 03 Javascript

javascript 开发之百度地图使用到的js函数整理

May 19 Javascript

判断js数据类型的函数实例详解

May 23 Javascript

详解express使用vue-router的history踩坑

Jun 05 Javascript

JS设置自定义快捷键并实现图片上下左右移动

Oct 17 Javascript

react项目从新建到部署的实现示例

Feb 19 Javascript

前端学习——JavaScript原生实现购物车案例

Mar 31 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应用JSON技巧讲解

2013/02/03 PHP

php获取汉字首字母的函数

2013/11/07 PHP

CI框架网页缓存简单用法分析

2018/12/26 PHP

window.js 主要包含了页面的一些操作

2009/12/23 Javascript

使用jquery实现放大镜效果

2014/09/02 Javascript

JS返回iframe中frameBorder属性值的方法

2015/04/01 Javascript

JavaScript使用Math.Min返回两个数中较小数的方法

2015/04/06 Javascript

javascript实现网页屏蔽Backspace事件，输入框不屏蔽

2015/07/21 Javascript

javascript学习指南之回调问题

2016/04/23 Javascript

浅谈js中同名函数和同名变量的执行问题

2017/02/12 Javascript

Vue中保存数据到磁盘文件的方法

2018/09/06 Javascript

vue基于两个计算属性实现选中和全选功能示例

2019/02/08 Javascript

elementUI table表格动态合并的示例代码

2019/05/15 Javascript

vue使用混入定义全局变量、函数、筛选器的实例代码

2019/07/29 Javascript

vue 框架下自定义滚动条(easyscroll)实现方法

2019/08/29 Javascript

layui 实现自动选择radio单选框(checked)的方法

2019/09/03 Javascript

JS代码触发事件代码实例

2020/01/02 Javascript

jQuery实现html可联动的百分比进度条

2020/03/26 jQuery

vue 里面的 $forceUpdate() 强制实例重新渲染操作

2020/09/21 Javascript

vue实现广告栏上下滚动效果

2020/11/26 Vue.js

python 全文检索引擎详解

2017/04/25 Python

PyQt QListWidget修改列表项item的行高方法

2019/06/20 Python

使用python制作游戏下载进度条的代码（程序说明见注释）

2019/10/24 Python

python找出列表中大于某个阈值的数据段示例

2019/11/24 Python

python如何提取英语pdf内容并翻译

2020/03/03 Python

Python生成器常见问题及解决方案

2020/03/21 Python

面向新手解析python Beautiful Soup基本用法

2020/07/11 Python

Python 捕获代码中所有异常的方法

2020/08/03 Python

HTML5-WebSocket实现聊天室示例

2016/12/15 HTML / CSS

La Senza官网：北美顶尖性感内衣品牌

2018/08/03 全球购物

英国珠宝网站Argento： PANDORA、Olivia Burton和Nomination等

2020/05/08 全球购物

财务方面个人工作的自我评价

2013/12/28 职场文书

2015年发展党员工作总结报告

2015/03/31 职场文书

怎样做好公众演讲能力？

2019/08/28 职场文书

如何使用php生成zip压缩包

2021/04/21 PHP

windows10 家庭版下FTP服务器搭建教程

2022/08/05 Servers