如果之前装过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@版本号
记住要加版本号,不加版本号的话默认安装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一样