使用脚手架3UI可视面板 创建vue项目

确定电脑上已经安装好vue、vueCli3、node

开始创建项目

1.打开VueUI可视面板

cmd也可 随便一个位置即可
在cmd窗口中输入 vue ui回车打开可视面板
使用脚手架3UI可视面板 创建vue项目
使用脚手架3UI可视面板 创建vue项目

2. 可视面板

因为我上一次打开了一个vue项目,所以进入的是上次打开的项目
使用脚手架3UI可视面板 创建vue项目

选择创建项目
使用脚手架3UI可视面板 创建vue项目

3.创建项目

这里选择项目保存的路径
使用脚手架3UI可视面板 创建vue项目
设置项目名称和包管理器
使用脚手架3UI可视面板 创建vue项目
选择手动创建,因为我们要取消eslint语法检测,,如果想锻炼自己的代码规范与耐心的可以选择使用eslint,不然的话一个空格将保证你项目启动不了
使用脚手架3UI可视面板 创建vue项目
其他的配置可按自己的需求来选择
使用脚手架3UI可视面板 创建vue项目
到这里基本已经完成,现在选择是否将这次的配置保存下来 方便下次直接使用
使用脚手架3UI可视面板 创建vue项目
稍微等待一两分钟即可创建完成
创建完成,我们可以选择一些需要的依赖项和插件
现在我就选择了一个axios插件,做网络请求用
使用脚手架3UI可视面板 创建vue项目

4.启动项目

在vscode中打开我们刚创建的vue项目
使用脚手架3UI可视面板 创建vue项目
等编译完成,终端将出现一个网址 点击打开或拷贝到浏览器的地址栏打开
若出现如下页面则创建成功
使用脚手架3UI可视面板 创建vue项目