vue2和vue3双vue环境的安装整理

205 阅读1分钟

参考链接:

  1. vue安装vue2和vue3:blog.csdn.net/zwj10307112…
  2. webpack的安装和卸载:blog.csdn.net/weixin_5973…


若出现如下报错,那么极有可能时安装webpack的时候没有@版本号,在这里出错一般不会是没有使用管理员权限造成的


安装后进入node_modules下的.bin目录,进入后将原来的vue和vue.cmd重命名,如下所示


配置脚手架环境变量:

新建系统环境变量


点击用户变量中的path,点击新建,添加环境变量%vue_cli3%

npm
点击系统变量中的path,点击新建,添加环境变量%vue_cli3%


然后一路确定即可

打开命令行,输入vue3 -V,可以看到vue3脚手架安装成功

3.安装vue2脚手架

具体步骤跟安装vue3的脚手架类似,但是安装脚手架的命令不一样,vue2的命令如下

npm install vue-cli
其余的只要把3改成2即可

都安装成功后如下,如果没有出现下图,可以重启电脑试一下


4.安装vue-router

npm install vue-router -g
四、创建vue2和vue3项目
1.创建vue3项目:

vue3 create myvue3
选择vue3


创建完成:


进入如下网址:


运行成功:


2.创建vue2项目:

vue2 init webpack myvue2

前面四个选项只需要一路回车就好,然后vue-router选择yes,其他的选no,最后一个直接回车

输入:

cd myvue2
npm run dev

进入网址:http://localhost:8080,如下则项目创建成功