vue/cli3以后通过vue ui搭建项目

vue/cli3以后通过vue ui搭建项目## 标题

vue3开始,提供了一个快速配置和搭建vue项目的网页可视化操作界面,现在最新的好像已经是vue4.5.6了,接下来是我使用vue ui创建vue项目的一些经验。
1.在要创建项目的盘符的文件夹下cmd 和 vue ui
目前你在哪个盘符下进行cmd 然后 vue ui 那么在网页页面将不能再对盘符进行修改了(黑窗口会提示要你将node的版本上升到8或者更高,现在node好像都有14版本的了)
在这里插入图片描述
左下角可以看到你的当前盘符,我的这里是f盘,同时需要留意一个按钮,盘符展示的左边那个home按钮,他可以进行和下面界面的切换,有时候你在界面找半天也找不到创建项目界面去哪里了,点击他就可以发现奇迹了。
在这里插入图片描述
2. 我们回到创建项目:
在这里插入图片描述
点击创建,上面几个地方可以对创建项目的地址进行修改

在这里插入图片描述
git那里我取消勾选,因为我在那里翻过车,因为对git了解不深,如果你也同样翻车了,可以去看看我的:https://blog.csdn.net/qq_40165432/article/details/108697413
里面有我对翻车后的解决办法。

点击下一步:
在这里插入图片描述
这里你可以选择你要创建的项目预设,最初默认会有4种选项,自定义,默认,远程、默认vue3预设配置,意思是说你可以手动去选择要进行的项目预设,也可以选择自己之前设置的预设或者系统提供给你的预设方案。如果你想删除你之前的预设:

在这里插入图片描述

删除这个文件,你下次进来你自己的预设没有了,如果你知道更多的删除自己预设的方法,请在下方留言,或者我说错了,也请留言,我们共同查看验证和探讨。

我这里就不适用之前自己的预设,而是使用手动:
在这里插入图片描述
右边是我的对左边可选项的理解,其实最后那里还有一个,我也是不知道做什么的,把需要的勾选好之后点击下一步,因为上一张我选择了可以修改vue项目版本,所以会有下面第一个;第二个关于#符合的自主选择,这里不选,在router的js文件里面配置mode:"history"也是可以去除#符合的,具体使用带着【mode:“history”】去百度,后面那两个的选择参照下面第二张图,具体区别我不清楚,你们懂的可以在下方留言
在这里插入图片描述
选择,vue版本那里选择3.x,随意,根据需要
在这里插入图片描述
点击创建项目:
这里就是之前说的预设问题了,这里可以输入你的预设配置名称,也可以直接点击中间的“创建项目,不保存预设”
在这里插入图片描述
然后界面转圈,创建项目
在这里插入图片描述
可能会有几分钟,好了以后会有系统提示。
在这里插入图片描述

同时如果你这里创建失败,看控制台,可能会报一个“.zh/index.js”的模块不存在,那么,将上面提到的预设配置文件删除,将你安装在全局的vue相关的删除,因为我当前通过node下载在全局的内容不多,就cnpm/yarn等几个,所以我将我的node_global文件夹下面的内容全部删除了,然后再重新下载回来,因为我就只有几个全局的,所以也不麻烦
在这里插入图片描述
然后再进行cmd 和 vue ui进行项目创建

创建完成以后:会默认到这个界面,你如果还想创建项目,那么点击左下角的home图标,如果你想这个时候看你的项目
在这里插入图片描述
想看项目下下面这张:从左到右完成后
在这里插入图片描述

启动成功后
在这里插入图片描述
点击昂启动app
在这里插入图片描述
好的,如果你运行到上面这个界面,ok,完成了。最后不需要的话点击那个暂停按钮,不然他会占用你的网络端口。

最后,如果你们对于我的步骤中的欠缺有什么意见或者建议欢迎在评论去留言,也方便后续的人更加方便合理,以及加深对这个工具的理解和使用。