vant开发微信小程序安装以及简单使用教程
更新时间：2022年12月24日 14:09:33 作者：Nanchen_42
这篇文章主要介绍了vant开发微信小程序安装以及简单使用教程,需要的朋友可以参考下
准备工作
首先准备一个空文件夹，新建微信小程序，把文件夹路径引入，删除index.wxml,index.wxss以及index.js中的文件内容
删除完毕后重新初始化index.js，在页面中输入page
对外围的文件夹进行初始化
接下来就是在文件夹下的目录中调出控制台输入以下命令
npm init -y
第一步：使用以下命令进行配置
npm i @vant/weapp -S --production
安装完成后出现一个node_modules文件夹就算成功了
第二步 ：删除app.json中的"style":"v2"
第三步：在详情中基本配置中勾选npm模块
第四步：点击工具——>构建npm
构建成功即可
到此为止项目就已经安装完毕了
接下来就是如何用vant
比如这里用按钮控件就必须先引入按钮的配置
app.json是全局的，index.json只对当前文件有用
效果显示如下：
比如还想引入单元格样式
以上就是vant开发微信小程序安装以及简单使用教程的详细内容，更多关于vant开发微信小程序的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了使用Element实现表格表头添加搜索图标和功能，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
本篇文章主要介绍了详解vue2.0脚手架的webpack 配置文件分析，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
有时候需要用到下拉列表全选和搜索,下面这篇文章主要给大家介绍了关于ElementUI实现在下拉列表里面进行搜索功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
一次性的加载全部的数据,并且将其渲染到页面上,就会导致页面卡顿,往往采用分页和无限滚动的方式来展示,本文主要介绍了vue中el-table实现无限向下滚动懒加载数据,感兴趣的可以了解一下2023-12-12
这篇文章主要介绍了Vue实现商品飞入购物车效果(电商项目)，这种效果在一些电商平台经常会用到，今天小编通过代码详解,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了使用vue如何构建一个自动建站项目，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
在vue中，我们在main.ts引入的全局注册的组件是可以不需要import导入而直接使用的，使用的时候是自己全局注册组件时的名称，而不是组件名，这篇文章主要介绍了vue3中批量全局注册组件,需要的朋友可以参考下2023-05-05
这篇文章主要给大家介绍了关于Vue项目创建首页发送axios请求的相关资料,文中通过图文以及实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-02-02
后台管理系统是我们日常开发学习经常遇到的一个项目,下面这篇文章主要给大家介绍了关于Vue3后台管理系统之创建和配置项目的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了JavaScript实现简单的图片切换功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2020-04-04
最新评论