微信小程序升级Vant Weapp版本

浅浅的花香味﹌ 2022-12-08 05:44 355阅读 0赞

# 微信小程序升级Vant Weapp版本 #

> 大家好，今天我们来学习一下微信小程序如何升级Vant Weapp版本，好好看，好好学，超详细的

## 第一步 ##

> 首先你要有一个构建npm的项目  
> 还不知道构建npm的小伙伴进入[**创建npm**][npm]

## 第二步 ##

> 当你构建好了npm,在本地找到你新建的小程序的根目录，并且进入，然后打开 “cmd” ，如下图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 1]

## 第三步 ##

> 输入 “npm list”  命令查询现在系统安装的版本，如下图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 2]

## 第四步 ##

> 输入 “npm view vant-weapp versions” 命令查询服务器现在有的vant-weapp的版本，如下图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 3]

## 第五步 ##

> 输入 “npm uninstall vant-weapp” 移除现在系统安装的vant-weapp的版本，如下图所示：  
>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 4]

## 第六步 ##

> 再输入 “npm list” 查询发现已经没有了vant-weapp版本号了，如下图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 5]

## 第七步 ##

> 再输入 “npm i @vant/weapp@1.0.0-beta.4 -S --producation” 命令再次安装新的指定版本的vant-weapp，如下图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 6]

## 第八步 ##

> 再输入 “npm list” 查询发现已经是最新的vant-weapp了，如下图所示:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 7]

## 第九步 ##

> 这时候返回你的小程序项目里面找到 “package.json” ，如下图所示:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 8]

## 结语 ##

> 关于微信小程序如何升级Vant Weapp版本就介绍到这里 ，欢迎大家多多指教，互相交流，一起学习

[npm]: https://blog.csdn.net/qq_43715354/article/details/108646953
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/2f30f85e2c0044469e6996c54115a539.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/80912b68c7da4c248f697d8a9c07ae53.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/0af07ae6fd544ca18b7d45467cbdbefa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/796b522c87a54b61adac258c466f68ad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/7502744b005946edaef808c67a2e53e9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/b214e40ae1724d29a5141048994fab6d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/6ec18beebdfd418fba84584c9b985190.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/6d50bbce2c3c440e924477725987e702.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzE1MzU0_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/4fae95bc3b8840adbed47f9f5635d200.png