参考链接:
- vue安装vue2和vue3:blog.csdn.net/zwj10307112…
- 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,如下则项目创建成功