zoukankan      html  css  js  c++  java
  • vue2.0和vue3.0共存

    如果之前装过vue2.0,先卸载掉

    npm uninstall -g vue-cli

    如果之前装过vue3.0,先卸载掉

    npm uninstall -g @vue/cli

    随便在一个目录下创建vue2和vue3文件夹

    在vue2文件夹下打开打开cmd终端,本地安装vue2(注意不要加 -g,加了就是全局安装了)

    npm install vue-cli

    如果速度慢的话,也可以cnpm install vue-cli,前提是安装了cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org

    在vue3文件夹下打开打开cmd终端,本地安装vue3(注意不要加 -g,加了就是全局安装了)

    npm install @vue/cli@版本号

    如果速度慢的话,也可以cnpm install @vue/cli@版本号

    查看vue版本

    记住要加版本号,不加版本号的话默认安装vue4(目前最新vue4)

    检验安装是否成功

    安装vue-cli后,会在当前目录下有一个 node_modules 的文件夹。这也就是局部安装vue所需要的模块的文件

    进入 node_module/.bin/下执行vue -V(大写的V),看到版本号即安装成功

    修改vue2和vue3的名称

    接下来,找到安装vue的目录,然后找到 vue 和 vue.cmd 的位置。分别改名为 vue2、vue2.cmd 和 vue3、vue3.cmd

    配置环境变量

    右键我的电脑-属性-高级系统设置-环境变量

    新建系统变量
    分别新建变量名VUE_CLI2和文件目录、VUE_CLI3和文件目录
    这里的目录就是我们安装vue的目录,而且找到.bin文件夹就可以了。

    最后修改Path变量
    这一步才是最重要的
    先找到Path的位置,然后编辑

    编辑Path的时候。可以移到路径的输入框的最后面
    然后输入 ;%VUE_CLI2%;%VUE_CLI3%

    最后验证

    cmd终端命令行输入vue2 -V和vue3 -V,看到版本号即表示成功

    多说一句

    vue4安装与vue3一样

  • 相关阅读:
    遍历datatable的方法
    C# 存储过程使用方法
    C# 存储过程
    dev repositoryItem 手工定义
    无限极分类
    ThinkPHP
    ThinkPHP
    RBAC
    ThinkPHP
    正则表达式
  • 原文地址:https://www.cnblogs.com/ludadong/p/12600872.html
Copyright © 2011-2022 走看看