新建一个vue2.x项目(idea目前默认创建vue3.x项目)

1.命令行打开vue图像化界面
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第1张图片
2.浏览器打开如下界面,点击左下角按钮,选择“Vue项目管理器"
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第2张图片
3.选择“创建”栏,选择好文件创建路径(本地文件夹),点击"在次创建新项目":
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第3张图片
4.输入项目名,点击下一步
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第4张图片
5.选择手动配置项目(其他的预设是从前创建项目时保存的配置,选择后可以直接新建项目省去后面选择的配置)
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第5张图片
6.选择所需的配置
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第6张图片
Babel,Router和使用配置文件必选。
7.选择2.x版本
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第7张图片
添加element插件:
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第8张图片
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第9张图片
添加axios依赖:
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第10张图片
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第11张图片

创建项目完成,即在本地文件夹中生成项目文件夹,用idea打开。
配置运行环境:
点击下图箭头所指处进行运行环境配置(这里已配好,再配置一次)
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第12张图片
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第13张图片
配好后点击绿色三角图标运行,点击超链接打开界面:
新建一个vue2.x项目(idea目前默认创建vue3.x项目)_第14张图片

你可能感兴趣的:(vue)