轻量、可靠的小程序 UI 组件库。 使用 Vant Weapp 前，请确保你已经学习过微信官方的 小程序简易教程 和 自定义组件介绍。 我强烈推荐你打开 官方文档，对照着本教程，一起对比搭建坏境。 我这里创建一个纯净的 hello world 小程序项目。 打开终端， 一路 回车 即可，大概类似如图结果： 接下来，正式安装 如果你的 npm 安装太慢，建议换源。点击查看教程 安装成功反馈提示： 打开微信开发者工具（必须是新版本），在菜单栏依次点击【工具】→【构建npm】。 构建完毕后，会出现一个 打开微信开发者工具，依次点击【详情】→【本地设置】→【勾选 “使用npm模块”】： 将 将 以 例如，我要在 index 首页使用组件： 首先找到 index.json，输入以下配置： 用什么，就引用什么。 然后，直接使用组件即可：
简介
第一步
cd 到小程序目录中，然后键入以下命令 初始化项目：npm init
这时就会多一个 package.json 配置文件：
第二步
Vant-weapp ，还是在 小程序目录 终端里继续键入以下命令：npm i @vant/weapp -S --production
目前文件目录如下：
第三步
miniprogram_npm 文件夹，且 node_modules 文件夹变为空：
不难发现，里面的 @vant 里面全都是框架为我们写好的组件。第四步
第五步
package.json / node_modules 移入 miniprogram_npm 文件夹下，请用 windows管理器 移动：
提示文件正在使用，先关闭微信开发工具，最后是如图所示结果：
当然，你在编辑器里肯定看不到 node_modules。第六步
app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以去除，不关闭将造成部分组件样式混乱。
使用
Button 组件为例，只需要在 app.json 或 index.json（其他页面） 中配置 Button 对应的路径即可。{ "usingComponents": { "van-button": "@vant/weapp/button/index" } }
<van-button type="primary">按钮</van-button>
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
391