微信小程序安装vant组件库

简介: 微信小程序安装vant组件库

1,安装vant

安装之前先初始化npm

在目录的空白处点击右键选择在外部终端窗口打开,执行命令

npm init

出现这个就说明安装成功了,然后就一直回车就好了。

安装完成后在终端输入以下命令

npm i @vant/weapp -S --production

注意:此时小程序根目录新增了“node_modules”文件夹,还有package-lock.json配置文件。建议在Windows窗口中看,不要在小程序工具里面查看,因为小程序工具的原因有时候会看不到node_modules文件夹。

2,构建npm

打开微信开发者工具,点击工具->构建npm包,选择使用npm模块(基础库版本高的可能没有)

执行完以后再项目根目录会增加:“miniprogram_npm”目录就是vant- weapp的组件。

最后根据文档提供,我们正常使用vant- weapp

相关文章
|
2月前
|
小程序 JavaScript
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
|
2月前
|
存储 小程序 JavaScript
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
|
2月前
|
小程序 JavaScript
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
|
3天前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
5 1
|
2月前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
39 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
|
6天前
|
小程序 开发者 Windows
安装VantWeapp开发微信小程序
安装VantWeapp开发微信小程序
15 0
|
2月前
|
小程序
微信小程序-其他常用组件
该内容是关于微信小程序组件的介绍,主要包括`button`、`image`和`navigator`。`button`组件比HTML的按钮功能更丰富,通过`open-type`可调用微信功能,如客服、转发等。组件属性包括类型(如`primary`、`warn`)和尺寸(`size`)。`image`组件默认宽300px,高240px,支持设置属性来调整显示效果。`navigator`组件用于页面导航,类似HTML的a标签,常用于页面间的跳转。
24 0
|
2月前
|
小程序
微信小程序-常用的基础内容组件
以下是内容的摘要: 本文介绍了微信小程序中几个重要的组件:text、rich-text和progress。text组件类似于HTML的span标签,用于显示文本,通过selectable属性可实现长按选中文本。rich-text组件能够将HTML字符串渲染成WXML结构,展示富文本内容。progress组件则用于展示进度条,支持不同状态(如成功、警告、等待等)以及自定义颜色和宽度。icon组件则提供了一组预定义的图标,可用于表示各种操作状态或提示信息。
20 0
|
2月前
|
小程序 前端开发 定位技术
微信小程序-常用的视图容器类组件
该内容是关于微信小程序组件的分类和部分具体组件的介绍。主要分为9大类:视图容器、基础内容、表单组件、导航组件、媒体组件、地图组件、画布组件、开放能力和无障碍访问。其中详细讲解了`view`、`scroll-view`、`swiper`及`swiper-item`等组件的用途和示例。`view`用于构建页面布局,`scroll-view`支持滚动效果,`swiper`则用于创建轮播图。此外,还提到了`root-portal`、`page-container`等其他特殊用途的组件。
22 0
|
2月前
|
小程序 开发者
注册小程序账号&安装开发者工具
该内容是一份指南,描述了如何注册并激活微信小程序账号的步骤。首先,访问网址后点击“前往注册”。接着,按照提示依次填写个人信息。完成注册后,检查邮件进行激活。选择主体类型为个人,并填写相关主体信息。之后,使用微信扫描二维码验证。成功后,获取小程序的App ID并保存。下载并安装微信开发者工具,扫码登录。最后,通过开发者工具创建新的小程序项目,填写项目信息,包括之前获取的App ID,选择不使用云服务,然后点击新建以开始项目。
26 0