一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第22天，点击查看活动详情。

嗨！大家好！我是手可摘棉花，一名前端开发，很开心在这里分享文章，期待着大家的点赞👍与关注➕。

今天介绍如何使用VUE CLI图形界面来创建并管理项目，无需命令轻松的创建vue项目，还可以轻松进行多个项目管理。

执行安装命令，等待安装完成，如果已经安装过了，可跳过。

执行安装命令后，可以通过命令查看版本号信息。

如果你已经安装过了的，需要升级vue cli的话，可以执行以下命令进行升级，可通过查看版本信息确认是否升级成功。

在项目管理存放目录下，执行如下命令，启动图形化界面。根据图形化地址进行访问。

点击创建，并选择项目的管理目录（默认会是执行vue ui的所在目录），点击在此创建新项目。

输入存放项目的文件夹，也就是项目的名称。可以选择对应的包管理器工具。设定其他参数，点击下一步

选择本次项目需要预设的插件及配置，可以选择vue3默认配置（如果选择手工将会自己选择功能和配置）。点击创建项目进行项目的创建，将会自动的加载依赖安装，稍等片刻即可。

项目成功创建，会打开项目管理页面。

导入项目简单说一下，假设你有已经创建好的vue项目，你只需要在导入选项中，选择你的项目文件夹，进行导入即可。

安装插件，可以进行快速安装或进行添加插件进行搜索安装。

安装依赖，搜索需要安装的依赖，如tailwindcss进行安装。

配置定义，进行可视化的vue.config.js的配置修改。

任务运行，进行启动项目，编译打包项目等操作。点击启动app将可以访问项目地址

还可以在项目管理器中，直接对项目快速启动，就是点击那个小圆点。

多个项目很有用，而且还可以进行在编辑器中打开，将会在开发工具中打开项目（前提开发工具需运行启动）。

多个项目同时运行时，会自动生成多个端口地址进行访问。

很多时候当你在多个项目之间来回切换运行命令，执行开启多个命令窗口时。VUE UI就可以帮助你从命令行中解救出来，让你便利的进行项目的管理。只需要一个界面，管理所有的vue项目，嗯，好像还出不错，大家赶紧入坑尝试吧。感谢大家的观看，期待你们的点赞，谢谢~