Vue4安装过程

一、安装问题
安装vue4版本出现问题如下:
原因:安装4版本前未卸载之前版本
解决方法:npm uninstall -g vue-cli(卸除3之前版本)之后重新安装
Vue4安装过程_第1张图片
二、安装
1、命令:最新版本: npm i @vue/cli -g
注意:管理员身份运行安装,安装目录无要求
在这里插入图片描述
2、查看安装版本信息
命令:vue -V
在这里插入图片描述
3、选择目录生成vue项目文件目录
命令:vue create 项目名
在这里插入图片描述
4、选择配置(按个人需要选择,建议选择手动)
default:默认配置
Manually:手动选择配置
操作:上下键选择(此处我选择的手动)
Vue4安装过程_第2张图片
5、选择具体配置(按个人需要选择)
Babel: 是一个 JavaScript 编译器
Router:路由
操作:上下键选择,spance键确定
Vue4安装过程_第3张图片
6、路由历史模式
命令:Y
在这里插入图片描述
7、配置文件单独存放(按个人需要选择)
在这里插入图片描述
8、将此保存为将来项目的预设(按个人需要选择)
命令:y(同意) N(不同意)
在这里插入图片描述
9、项目生成(等…)
在这里插入图片描述
10、启动
命令: cd 项目名
npm run serve
Vue4安装过程_第4张图片
Vue4安装过程_第5张图片
11、测试启动
浏览器地址:http://localhost:8080/ 或 http://192.168.1.4:8080/
Vue4安装过程_第6张图片
Vue4安装过程_第7张图片

你可能感兴趣的:(vue,前端)