npm构建vant-weapp

最新推荐文章于 2024-07-24 19:00:00 发布
最新推荐文章于 2024-07-24 19:00:00 发布
阅读量344 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： npm cmd json 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/littleberlin2/article/details/109592401
版权

npm构建vant-weapp

1. 打开指定文件的cmd
2. 执行npm i vant-weapp -S --production
3. 如果出现package.json相关报错 则执行npm init -y
4. 接着重新执行npm i vant-weapp -S --production
5. 打开微信开发者–工具–npm构建
6. 在json文件中引入组件“usingComponents:{}”后就能在wxml文件中使用

出现的问题：

  • 调试版本过高 不稳定 建议使用2.4.4(undefined mode )
  • 删除modules中的@type（找不到npm入口文件）
LittleBerlin
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vant-weapp 快速上手
滚烫雪糕
12-02 1135
背景知识 使用 Vant Weapp 前，请确保你已经学习过微信官方的 小程序简易教程 和 自定义组件介绍。 安装 1、用小程序工具初始化项目 2、在项目根目录下添加npm能力，否则报错 微信小程序 没有找到可以构建的npm包 npm init # 一路默认回车 # 然后执行，通过 npm 安装 npm i @vant/weapp -S --production 3、用小程序工具进行npm编译...
微信小程序引入vant-weapp
01-03
npm i @vant/weapp -S --production # 通过 yarn 安装 yarn add @vant/weapp --production # 安装 0.x 版本 npm i vant-weapp -S --production  3 构建npm包 步骤二 构建 npm 包 打开微信开发者工具，点击 
【微信小程序】基础篇 -- 使用 npm 包 - Vant Weapp（四十一）
JMFive的博客
03-15 1963
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第41篇文章;今天开始学习微信小程序的第22天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。
微信小程序 npm构建+vant-weaap安装
Z_Wonderful的博客
05-31 734
微信小程序：工具-npm构建-vant-weaap安装步骤
微信小程序项目使用npm安装vant-weapp的正确步骤
代码青春
04-17 180
微信小程序项目使用npm安装vant-weapp的正确步骤
微信小程序安装Vant-weapp报错
m0_57423151的博客
10-12 2015
在微信小程序中安装Vant你是否遇到过Component is not found in path "miniprogram_npm/@vant/weapp/image/index"报错呢？首先检查一下你是否已经安装过了Vant组件，如果已经安装了就先把她的文件都删除，minprogeram_npm和node_modules问件都删除。这其实是因为你没有把项目初始化，我们在安装Vant组件时把项目初始化就可以了。出现以下情况，无限确定（Enter）就可以了。最后在工具中构建npm就可以了。
新版小程序引入vant-Weapp保姆级教程
weixin_45471817的博客
11-28 1213
新版小程序引入vant-Weapp保姆级教程
vant-weapp构建
qq_43338177的博客
07-08 292
1、必须放在整个项目下面 也就是和app.json平级 2、再按照一下步骤构建 3、npm init 4、npm install --production 5、npm i @vant/weapp -S --production 6、小程序端本地设置勾选使用npm模块 7、工具里面选择构建npm 8、引入 "usingComponents": { "van-icon": "@vant/weapp/icon/index" }, ...
小程序 npm安装vant-weapp报错
weixin_42630688的博客
03-24 756
正确安装步骤： 1. 小程序根目录执行 npm init -y 创建package.json 2. 安装vantnpm i @vant/weapp -S --production 3. 点击小程序菜单 工具 ->构建npm 4.勾选使用 npm模块 4. 执行构建后生成的目录就是官网上对应的路径 ...
小程序引入vant-Weapp保姆级教程及安装过程的问题解决
qq_57676486的博客
09-17 6465
最后再教大家一个小技巧，看图片，对就是头像旁边的那个小手点一下作者：Axjy链接：https://juejin.cn/post/7011742207073845278来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
在微信小程序中使用vant-weapp教程
weixin_43972428的博客
08-30 493
在微信小程序中使用vant-weapp教程
微信小程序npm引入vant-weapp的踩坑记录
12-01
微信小程序项目使用npm安装vant-weapp的正确步骤  使用npm安装vant-weapp 到项目根目录下： npm i vant-weapp -S --production 然后再详情中选中使用npm模块，然后点击工具栏中的构建npm。本以为这样就可以安装...
毕业设计 一款基于校园跑步的社交小程序 技术栈：Vant-Weapp UI、Laravel+MySQL.zip
03-16
Vant-Weapp 提供了一系列简洁、易用且高度定制化的组件，包括按钮、表格、输入框、导航栏等，帮助开发者快速构建符合 Material Design 设计规范的小程序界面。它的优点在于样式统一、性能优化以及良好的文档支持，...
Vant-Aliapp：支付宝小程序版本Vant组件库
02-26
Vant Aliapp是移动端Vue组件库的支付宝小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速构建小程序应用。 Vant Aliapp通过小程序转换器基于转换得到，并进行了少量的兼容适配调整。 预览 ...
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
12-09
Vant Weapp UI组件库则是Youzan公司为微信小程序开发的一套高质量、易用的组件集合，它提供了丰富的UI组件，如按钮、表单、导航等，能够帮助开发者快速构建用户界面。本文将详细介绍在MPVue框架中使用Vant Weapp UI...
npm 安装报错（已解决）+ 运行 “wue-cli-service”不是内部或外部命令，也不是可运行的程序（已解决）
精通前端技术，了解后端接口
07-22 334
首先先说一下我这个项目是3年前的一个项目了，中间也是经过了多个人的修改惨咋了布置多少个人的思想，这这道我手里直接npm都安装不上，在网上也查询了多种方法，终于是找到问题所在了。
npm上传自己的包以及发布过程遇到的问题
weixin_53339757的博客
07-23 1104
npm上传自己的包以及发布过程遇到的问题
Nvm和Npm和Pm2的关系和使用说明
最新发布
R28_11的专栏
07-24 289
通常情况下，当你开始一个新的 Node.js 项目时，你可能会先使用 nvm 来选择适合项目的 Node.js 版本，然后使用 npm 来安装项目依赖，最后在生产环境中使用 pm2 来管理你的应用。npm 通常与 Node.js 一起安装，但在一些环境中，你可能需要使用 nvm 来确保 npm 的版本与你的 Node.js 版本兼容。它允许用户在不同的项目中切换 Node.js 的版本，这对于开发人员来说非常有用，因为不同的项目可能依赖于不同版本的 Node.js。
vant-weapp
05-11
vant-weapp提供了丰富的UI组件和丰富的功能，可以帮助开发者快速构建高品质的微信小程序应用。下面是vant-weapp的一些特点[^1]： 1. 提供了丰富的基础组件，如button、cell、toast等 2. 包含了各种常见业务场景所需...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值