Vue UI是Vue CLI 3中的新特性，提供了一个可视化的图形界面，帮助开发者创建、管理和更新项目。通过Vue UI，用户可以方便地创建项目，配置预设选项，安装和管理插件，进行项目配置以及执行任务。此外，它还支持本地化配置，简化了Vue开发过程中的多语言设置。
随着最新的稳定版本Vue CLI 3即将发布，是时候来看看有什么新鲜有趣的特性了。基于整个Vue.js开发者社区的反馈而大幅度改良，该版本提供了很多以工作流为中心的工具。
我想会提升每一位Vue.js的开发者工作效率的特性就是Vue UI。一个可视化图形界面方便你去创建、更新和管理项目的方方面面。
今天，我会跟你一一介绍Vue UI的beta版本中可用的功能。
开始
首先，我们确保安装了最新的Vue CLI。打开Terminal，输入：
npm install -g @vue/cli
# OR
yarn global add @vue/cli
你可以使用-V来查看一下刚刚安装的版本：
vue -V
# 应该会输出下面的结果
3.0.0-rc.3
为了初始化你的Vue UI，在一个干净的目录下输入：
vue ui
该命令会自动打开你的浏览器，你要确保当前目录下没有其他项目，浏览器展示的页面如下：
Vue UI默认会显示第一个Tab，也就是项目管理，你可以很轻松查看当前创建的项目。
创建第一个项目
要创建一个新的项目，点击中间的"Create"按钮：
项目创建工具会让你选择在哪个目录下创建(以防万一，你想在不同的目录下创建)；当文件夹被选中后，点击"Create a new project here&#
最低0.47元/天 解锁文章
扫一扫
146
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
