Vue|Vue UI 可视化项目管理界面
除了直接使用npm的命令进行安装脚手架的安装以外,我们还可以使用Vue提供的GUI方法vue ui来进行项目的构建以及安装win+R powershell 打开终端
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/5480b8c2e08440a8bdee81c07970cdf8.png)
文章图片
在一个干净的目录下输入命令 vue ui 回车运行可视化项目管理界面
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/72576e4952984e10809d0db00cf84b77.png)
文章图片
运行结束回出现服务器地址,弹出浏览器进入系统
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/3037aaff29cf4e51a17b9d4f01acc21b.jpg)
文章图片
点击创建-开始创建项目
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/92456caa808343f4be8d0698e0be29c0.jpg)
文章图片
选择合适的路径、名称、包管理
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/eef0feba000f4bd4be3a62502eaf09f3.jpg)
文章图片
预设项目可以选择默认,也可以根据自己的习惯来手动配置
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/1ef046548d5f45f19b7c723591bba7ef.jpg)
文章图片
选择自己想要的配置功能
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/260005546c2b44908b77d03099d1a3d0.jpg)
文章图片
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/fabb31dc3205429aafd6059d56c7984f.jpg)
文章图片
可以把这套配置作为预设
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/51ac38526ba54b5b956bc6222e3f7b61.jpg)
文章图片
创建成功后,会自动跳转到新项目页面 【Vue|Vue UI 可视化项目管理界面】
![Vue|Vue UI 可视化项目管理界面](https://img.it610.com/image/info8/585b74f21c5c46f7a05fb4956005bdf0.jpg)
文章图片
推荐阅读
- 「进阶篇」Vue|「进阶篇」Vue Router 核心原理解析
- el-button|el-button 配合 vuex 根据条件动态 disable
- Python|用python爬取全国和全球疫情数据,并进行可视化分析(过程详细代码可运行)
- springboot整合security和vue的实践
- vue|vue父子组件传参使用props
- 项目开发|用node+WebSocket+MySQL+vue仿做学习通的一些功能(二)(主页的展示)
- 前端|js和vue如何调用百度地图
- 数据分析工具|复杂网络可视化分析
- Vue3版3D老虎机实现思路
- vue中如何获取本地IP地址