使用vant组件不用npm的方法

最新推荐文章于 2024-04-10 19:37:37 发布
最新推荐文章于 2024-04-10 19:37:37 发布
阅读量637 收藏 2
点赞数
分类专栏： 教程 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56860190/article/details/124439340
版权
本文介绍了如何在微信小程序项目中不通过npm安装 vant 组件。首先，新建一个文件夹并使用cmd以管理员权限运行，执行 `npm i @vant/weapp -S --production` 下载依赖。然后，将 `node_modules` 文件夹或其 `lib`、`dist` 子目录复制到项目中。最后，根据 Vant Weapp 文档在页面.json中引入组件并调整路径。
摘要由CSDN通过智能技术生成

使用vant组件时不想每次都npm导入，可以使用以下方式

首先，在常放项目的文件夹新建一个空的文件夹

cmd进入终端

 进入终端后，到Vant Weapp快速上手复制 npm i @vant/weapp -S --production 下载依赖包

如果此步骤出错的话，用管理员身份运行cmd，重新进入到此目录下，再下载依赖包如下图

最低0.47元/天 解锁文章
小程序npm引入vant-weapp的问题,没有找到可用的NPM包(已经解决)
weixin_45936604的博客
12-27 3015
微信小程序项目使用npm安装vant-weapp的正确步骤 使用npm安装vant-weapp 到项目根目录下： npm i vant-weapp -S --production 然后再详情中选中使用npm模块，然后点击工具栏中的构建npm。本以为这样就可以安装成功了，结果 没有找到npm包 这让我纠结了一个早上。看了文档，琢磨了很久，最后研究出问题的关键。 第一步：使用cmd进入项目根目录：n...
【微信小程序】使用npm引入vant组件的详细步骤
weixin_44707049的博客
07-15 1238
本地开发的引入方法 新建微信小程序 这里讲的是不使用云开发的引入方法，不过两者大同小异。 记住小程序的目录路径 看vant的开发文档 Vant Weapp 开发文档入口 文档里面的快速上手有讲到npm如何安装，但是直接按照上面的步骤一步一步来，是构建不了npm的。 我们从步骤二开始。 修改app.json 修改 project.config.json 这一步还有一点要注意，就是vant文档中特别提到的 这个注意是什么意思呢，写的太官方看不懂不要紧，只要看懂 目录文件结构问题 就行了，一会我们就会遇
微信小程序useExtendedLib引入WeUI组件库，不用npm,不占包资源
qq_44213979的博客
08-17 586
1.在app.json里引入，kbone是微信自己推的，可不引入 { "useExtendedLib": { "kbone": true, "weui": true } } 2.在需要引入的文件.json里面引入,如 { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } } 3.wxml引入 <mp-dialog title="test" show="{{true}}"
vue简单插件开发入门教程 不用npm
huitoukest的专栏
04-09 1906
简介 我只是想做一个简单的vue插件，和npm没啥关系，怎么办？这里提供一种思路。 因为vue组件的template数据可以是文本数据，所以这里可以利用这种方式。 因为直接写template字符串不好写，所以将template的数据放在一个html文件中，需要的时候加载即可。 示例 以常见的一个分页插件为例： var tools = { isNull:function(...
四、小程序开发之微信小程序引入Vant Weapp组件简单介绍（不用输入各种安装命令，附带源代码资源）
Prodigy_kyw的博客
08-09 663
一、下载并安装node.js 进入官网便可以直接下载，下载链接：http://nodejs.cn/download/ 根据自己的电脑系统需要自行下载就可以。 下载之后不知道该怎么安装的童鞋请查看：https://www.runoob.com/nodejs/nodejs-install-setup.html 二、不采用npm方式安装的话直接下载vant weapp源代码，并将dist目录拷贝至自己的项目中。 三、小结：个人觉得采用这种方式比较简单，而且采用命令行的方式进行安装，中间一旦出现问题，就要各种百
时代真的变了，不用npm不行
Joyer的日志
01-17 804
作为开发者，不拒绝学习新东西，生活反而更便利了。 比如放弃VxPN，改用ss。放弃所有旧的ether，改用WireGourd。。。。。别问我为什么有spell error。 这点可能暂改不了。   就说说现在开发者的日常吧。 github、node、npm、vs code。都是我刚开始写程序的年代不存在的东西呢。 最新的写的开发者工具，打算全面基于vs code来做。所以不小心要用上全...
构建vant找不到npm入口
weixin_45019417的博客
10-23 265
构建vant找不到npm入口 摸爬滚打好几天，翻遍各个大佬的文章，终于解决了！ 首先： 删文件 删掉这四个文件，删干净 再在根目录的终端输入这个 一直回车即可 接着再输入npm i vant-weapp -S --production 但！问题又来了！ No description No repository field 这个我看到两个解决方法： 在package.json文件里的 “description”: “”,里面不为空，但我并不知道应该写什么，还有待学习~ 将项目声明为私有项目 也是在pa
npm i vant -S 报错
m0_58893670的博客
06-21 2107
当在 终端 中用 npm 安装 Vant 组件库时，发生 npm ERR! code ERESOLVE； npm ERR! ERESOLVE unable to resolve dependency tree；报错错的原因可能是 ：npm 版本问题，npm 的不同版本对不同的组件库等命令不兼容，对命令的要求更严格；这里可选择下载最新的 npm 解决问题，或者采用如下的解决方案； 如果这不能立即起作用，也许可以先删除和。它们将被重新创建。在指令末尾加上 -force 这样就成功安装上Vant组件啦，两
Vant组件使用
qq_54030660的博客
04-29 1084
组件的安装 # Vue 3 项目，安装最新版 Vant npm i vant # Vue 2 项目，安装 Vant 2 npm i vant@latest-v2 查看vue的版本，在根目录的 package.js里面 "dependencies": { "core-js": "^3.8.3", "vant": "^2.12.47", "vue": "^2.6.14", //这个是版本 "vue-router": "^3.5.1" }, 组件的引.
小程序使用vant组件库；构建npm，附源码
06-29
在本文中，我们将深入探讨如何在小程序中使用Vant组件库，以及如何构建npm环境来管理小程序项目。Vant是一个轻量级、高度定制化的移动端UI组件库，它源自于滴滴出行的WeUI，并且针对Vue.js进行了优化，使得开发者...
在新版本的微信开发者工具-》详情-》本地设置中不再含有“使用npm模块”选项
最新发布
听海边涛声
04-10 988
在新版本的微信开发者工具-》详情-》本地设置中不再含有“使用npm模块”选项
微信小程序v2.21.3 npm安装vantapp踩过的坑
yuiyake的博客
01-06 1204
第一个坑，不要跑安装官方文档上的npm命令。要先把npm初始化，再安装命令。小程序文档和vant文档的引导都不是特别友好，翻译过来实操是这样的： npm init -y npm i @vant/weapp -S --production 在初始化的时候可能会遇到一个坑，留意一下自己的终端路径在哪。路径是和project.config.json在同一级。初始化成功的话，将会在同级目录下看到package.json文件 然后直接跑第二条命令。在第二条npm命令的时候可能也会出一个错： vue npm .
小程序踩坑1——vant weapp 组件安装
z987255676的博客
02-11 977
vant weapp 组件安装，vant weapp 组件安装构建npm失败
为什么放弃npm而使用yarn
qq_22187895的专栏
02-07 399
下载速度慢: 因为npm 安装插件是从国外服务器中进行下载，远远不如国内服务器下下载快，为了解决这一痛点，淘宝团队做了国内版的 npm 叫做 cnpm ,并且对 npm 做了镜像，我们只需要全局安装 cnpm ，并且registry 成 淘宝的镜像文件，这一波操作极大了解决了下载速度的问题。npm 在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖，大量无用冗余信息，而yarn在安装过程只会打印出必要的信息。同一个项目，安装的无法保持一致性。安装特定版本号的项目依赖。
非nodejs环境的vue，html引入vant的area省市地
zyxWebRoad的博客
08-07 501
先放上我的效果图 省市地js代码，完整数据见 area.js var areaJson = { province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', 140000: '山西省', 150000: '内蒙古自治区', 210000: '辽宁省', 220000: '吉林省', 230000: '黑龙江省
怎么使用Vant组件
weixin_54048131的博客
09-17 196
导入所有组件 Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法。同样在main.js中引入。1.、Vant的使用。
vant 组件的使用
sunhy007的博客
09-22 150
使用 npm npm i vant -S // vue2 下载 npm i vant@next -S // vue3 下载 引入组件 import Vue from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css'; // 样式引入 Vue.use(Vant) // 全局注册
Vant组件库的三种引用方式
Gik99的博客
03-07 2842
Vant组件库的三种引用方式
在小程序中使用Vant组件
io_123io_123的博客
03-07 919
微信小程序中，Vant的安装的使用
小程序开发使用vant库
weixin_46600931的博客
12-17 274
初始化项目步骤就不做阐述。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>