手把手教你微信开发者工具引入Vant

已于 2022-08-16 13:57:46 修改
阅读量835 收藏 5
点赞数
文章标签： npm vue.js javascript
于 2022-08-15 14:31:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr___YangYang/article/details/126345885
版权

 点开视图，打开终端，或者用Ctrl+`直接打开，

然后下载命令 npm i @vant/weapp -S --production

完成之后打开工具，点构建npm

然后在vant官网上拿到使用的组件放到页面当中

列如我的index页面

然后在json文件引入一下就可以了

就看到按钮就已经出来了

注意—有时候刷新后未立刻出来----再重新构建npm三四次试一试！ 

-Schuyler
关注
微信小程序引入vant-weapp组件教程
猿小白的博客
03-07 665
本章教程，介绍如何在微信小程序中引入vant-weapp。
微信小程序开发七（安装vant）
weixin_41670405的博客
04-25 532
安装目录下新建两个文件夹【node_global】和【node_cache】Vant Weapp - 轻量、可靠的小程序 UI 组件库。安装过程就省略了，可以在网上找些资料进行安装。在安装vant之前需要先电脑上安装nodejs。电脑搜索查看高级系统设置。通过官网就可以进行对应安装和使用。查看是否安装成功：打开cmd窗口。右键选择在终端中打开。查看nodejs安装目录的权限。出现版本说明安装成功。轻量、可靠的小程序 UI 组件库。微信开发工具安装vant。
在微信小程序中安装和使用vant框架
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
06-11 2965
详细介绍了如何在微信小程序中安装并使用vant组件
微信开发者工具中使用vant库
weixin_52821814的博客
06-24 906
解决微信开发者工具无法使用vant的问题
微信开发者工具如何引入 Vant weapp框架
hangequan的博客
03-24 353
笔记
在微信小程序中引入vant组件
m0_51699941的博客
08-25 1872
本文记录通过npm安装vant并在微信小程序开发中引入vant组件的详细步骤
微信开发者工具引入vant
最新发布
04-28
### 在微信开发者工具中引入并使用 Vant 组件库 要在微信开发者工具中成功引入并使用 Vant 组件库，需完成以下几个方面的操作： #### 1. 安装 Vant Weapp 首先，在项目根目录下运行以下命令来安装 `vant-weapp`： ...
毕业设计-基于微信云开发技术和微信开发者工具加vant组件的校园勤工俭学微信小程序
03-31
用户角色 学生：主要用户群体，通过小程序寻找适合自己的兼职岗位。...前端使用微信小程序开发框架进行开发，注重用户体验和界面友好性。 后端可以选择云服务（如阿里云），用于存储数据、处理业务逻辑等。
微信小程序引入Vant组件库过程解析
11-30
安装完组件库后，你需要在微信开发者工具的菜单栏中找到“工具”选项，然后选择“构建 npm”。这个过程会将 npm 依赖转换为微信小程序可以识别的格式。 4. **引用和使用 Vant 组件：** 引用 Vant 组件库后，你...
微信开发者工具安装Vant weapp报错怎么办
09-09
你可以在微信开发者工具的设置中找到“工具”选项，选择“清除缓存”和“结束所有的node进程”，然后重新启动开发者工具并尝试再次安装Vant weapp。 4. 如果以上方法都无效，可以尝试使用命令行工具进行安装。首先...
【微信小程序——01】微信小程序引入vant保姆级教程，创建微信小程序教程全程保姆级讲解，微信小程序创建vant项目，小程序vant全局引入
qq_51055690的博客
06-09 7799
小程序引入vant，如何引入vant，快速引入vant，引入vant教程，小程序引入vant
微信开发者工具通过npm安装vant
2301_80736993的博客
03-14 587
微信开发者工具通过npm安装vant
微信小程序开发引入vant框架
qq_35011906的博客
09-14 234
小程序 引入vant 报错解决
【无标题】使用微信者开发工具对Vant Weapp UI 组件的安装
zqq1402517798的博客
10-20 135
安装vant(npm i @vant/weapp@1.3.3 -s --production)初始化一个包管理配置组件（npm init -y）
微信小程序怎么引入Vant
qq_52845451的博客
03-14 711
小程序中怎么引入vant
微信小程序vant组件库安装
Li18770760152的博客
10-28 1045
在微信开发者工具目录空白处右击，在外部终端窗口中打开或直接在文件路径中输入cmd回车。注意：新版本中的miniprogramNpmDistDir 配置为'./ '即可。直接删除app.json中的"style":"v2"这一行。"van-button": "所需要的组件引入"在app.json或需要的json文件中引入组件。引入组件后，在 wxml 中直接使用组件即可。稍待片刻会构建完成，会新增下面两个文件。
微信小程序引入 vant组件（详细步骤）
蓝胖子的博客
12-21 1162
微信小程序引入 vant组件（详细步骤）
微信小程序开发之Vant组件库
duke_ding2的博客
02-19 2644
微信小程序开发之Vant组件库
微信小程序中使用Vant weapp组件库
CSN-001的博客
07-08 2412
1、首先新建一个微信小程序项目 这里大家应该都会吧 2、安装node.js 一般前端开发者都会安装这个 具体安装过程请看 node安装教程 ，记得安装时一路next就行，路径用默认路径，不要乱改，安装好了后输入以下命令，出现版本号就成功了(版本不一样没关系) 3、在项目目录下初始化node模块 在项目根目录文件夹下红箭头指处输入CMD就可以在当前目录下打开命令行 命令行输入 npm init -y 4、安装vant weapp 同样在当前目录下输入以下命令 npm i @vant/weapp -S
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值