使用Vue ui可视化面板创建项目

在这里插入图片描述

我们经常会使用npm来创建vue项目,cli脚手架,今天记录一下使用可视化面板创建vue项目,步骤详细:

第一步:使用Windows+R快捷键,输入cmd,打开小黑窗,然后输入vue ui命令,运行成功之后会自动打开可视化面板,如下图:

在这里插入图片描述
在这里插入图片描述

第二步:然后会出现一些文件夹,选择一个自己想存放项目的文件,我这里直接放在桌面.选好文件夹后点击创建按钮

在这里插入图片描述

第三步:给项目起个名字

在这里插入图片描述

第四步:初始化git

在这里插入图片描述

第五步:预设面板选择手动配置项目

在这里插入图片描述

第六步:一定要选择以下标注的功能,将开关按钮打开

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第七步:配置项目

在这里插入图片描述
在这里插入图片描述

第八步:安装element插件

在这里插入图片描述
在这里插入图片描述

第九步:安装axios依赖

在这里插入图片描述

这样一个项目基本上就创建完成了,之后要是需要插件.格外安装就可以

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/hong521520/article/details/106949600