微信小程序导入Vant Weapp ui组件库2023年最新版

news/2024/7/20 0:52:50 标签: 微信小程序, ui, 小程序

ui2023_0">小程序>微信小程序导入Vant Weapp ui组件库2023年最新版

写这篇文章的原因是Vant Weapp的官方文档快速上手是有一定的问题的,没错,我就是那个试错的人,弄了一下午才发现问题所在,所以写了一篇正确的导入教程。

第一步:在项目所在目录打开控制台
请添加图片描述

第二步:查看自己电脑npm的版本,如果有会有版本号显示,没有则需要去下载。

npm -v

请添加图片描述

第三步:npm 初始化

npm init -y

在这里插入图片描述

第四步:下载vant weapp

npm i @vant/weapp -S --production

在这里插入图片描述

第五步:将 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
在这里插入图片描述
在这里插入图片描述

第六步:构建npm,小程序中的插件只有构建了才能被识别正常使用。切记不要按照官方文档中的快速上手修改project.config.json中的字段,否则会构建失败。
在这里插入图片描述
在这里插入图片描述

第七步:到此vant weapp即可正常使用,使用方法请看官方文档:vant weapp官方文档


http://www.niftyadmin.cn/n/372307.html

相关文章

将Anaconda虚拟环境注册为Jupyter notebook内核

新增内核: 以conda中的环境 foo 为例 conda create -n foo python3.7 conda activate foo conda install -n foo ipykernel python -m ipykernel install --user --name foo --display-name "conda_foo"。其中foo为虚拟环境的名称,"…

VM增加磁盘并挂载到根目录

1、虚拟机增加磁盘 首先要关闭虚拟机,否则增加按钮不可见。 9 vm添加磁盘完毕。 2、登录虚拟机挂盘 1、lsblk查看硬盘挂载情况,sdb为新挂载的磁盘。 [rootlocalhost ~]# lsblk NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT sda …

鸿蒙Hi3861学习二十-编译构造

一、简介 在使用编译构造子系统前,应了解如下基本概念: 子系统 子系统是一个逻辑概念,它由一个或多个具体的组件构成、OpenHarmony整体遵从分层设计,从下向上依次为:内核层、系统服务层、架构层和应用层。系统功能按照…

渗透测试辅助工具箱

0x01 说明 渗透测试辅助工具箱 运行条件:jdk8 双击即可运行 反弹shell,命令生成器,自动编码,输入对应IP端口即可,实现一劳永逸,集成一些小工具,辅助渗透,提高效率 输入框说明 L…

SQL Server 2008R2安装图文教程(附SQL Server下载安装包)

SQL Server 2008R2 安装教程 演示系统:Windows server 2008R2 安装包:下载传送门 下载并解压安装包,找到解压的安装包,双击【setup.exe】 如果是你的服务器没有安装.NET Framework 3.5,那会弹出个提示框,…

Power BI Embedded自动缩放容量,为公司每个月节省上万元

哎,不知道今年行情怎么就这样了,大厂一边大批毕业生,一边大量招人。难道是今年的新人便宜?就连道哥(吴翰清,阿里P10,中国顶级黑客)都从阿里离职了,当年年少不懂学计算机&…

Optional特性取代判断Null的if else

Optional特性取代判断Null的if else Optional.ofNullable(jsonNode).map(x -> x.get("appId").asText()).orElse("orelse");ofNullable内容 Application applcation1 null; String a1 Optional.ofNullable(applcation1).map(x ->x.getDisplayName…

【转存】Spring Boot 优雅实现多租户架构,so easy!

一、概述 1.什么是多租户架构? 多租户架构是指在一个应用中支持多个租户(Tenant)同时访问,每个租户拥有独立的资源和数据,并且彼此之间完全隔离。通俗来说,多租户就是把一个应用按照客户的需求“分割”成…