乐趣区

安装指定版本的-Vue-Cli看它就对了

今天在使用 Vue Cli 搭建项目的时候使用 npm install -g @vue/cli 更新了一下 Vue Cli 版本,结果发现默认安装的是最新版本,已经到了 4.4.4。在惊呼 vue 更新速度 so 快的同时,我到 git hub 上看了一下,vue 4.x 版本在 dev 分支,处于开发阶段。为了避免在项目开发过程中遇到不必要的麻烦,我决定将已经安装的 4.x 版本 卸载 ,并 安装 稳定的 3.x 版本。将卸载和安装方法分享在此,与大家共同学习。如有不足之处,欢迎批评指正。

  • 卸载已经安装的 Vue Cli

    卸载 3.x4.x 版本的 Vue Cli

    npm uninstall -g @vue/cli
    
    # OR
    
    yarn global remove @vue/cli

    卸载 1.x2.x 版本的 Vue Cli

    npm uninstall vue-cli -g
    
    # OR
    
    yarn global remove vue-cli

    在执行完上述命令后,在终端输入 vue 命令,提示 'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。,则表明卸载成功。

  • 安装指定版本的 Vue Cli

    1. 查看 Vue Cli 的所有版本号

    3.x4.x 的所有版本号

    npm view @vue/cli versions --json

    1.x2.x 的所有版本号

    npm view vue-cli versions --json

    2. 安装指定版本号的 Vue Cli

    安装 3.x4.x 版本

    npm install -g @vue/cli@版本号
    
    # OR
    
    yarn global add @vue/cli@版本号

    安装 1.x2.x 版本

    npm install -g vue-cli@版本号
    
    # OR
    
    yarn global add vue-cli@版本号

    注意: 执行安装命令时,版本号前面的 @ 符号 与 cli 之间不能有空格,否则会报错。

    执行完安装命令后,执行 vue -V 查看安装的版本号。正常输出版本号,则表明安装成功。

如果本文解决了你的问题,可以点赞、收藏 ~ 以备不时之需哦 ~
文中若有不足之处,欢迎大家在评论区批评指正 ~
退出移动版