02.26 介绍Vue UI管理Vue项目

一、在DOS窗口运行命令:vue ui,启动成功后会出现下图提示:

介绍Vue UI管理Vue项目

vue ui启动


二、在浏览器中输入启动成功的地址,如:http://localhost:8000 ,在这个界面可以创建或导入Vue项目。

介绍Vue UI管理Vue项目

Vue项目管理

三、进入具体的项目管理,如下图:


介绍Vue UI管理Vue项目

具体项目管理界面

四、在项目管理界面,可以安装插件、本项目的依赖插件、Vue CLI配置及任务(包括编译热部署、编译发布、检查并修复源文件及检查Webpack配置),实现了界面管理Vue项目。

五、可通过界面安装本项目的依赖插件,非常方便快捷。进入依赖安装界面,右上角有一个“安装依赖”功能,进入功能后如下图:


介绍Vue UI管理Vue项目

依赖安装界面

总结:通过Vue UI管理Vue项目,可达到事半功倍的效果,大家不妨试试!!!好经验大家一起分享探讨!!!


分享到:


相關文章: