Vue UI：Vue 开发者必不可少的工具

Vue UI允许你在项目创建后依然可以修改配置。点击左侧第二个配置图标，然后你就可以看到当前的配置：

我们可以轻松修改所有可选项。我建议你阅读文档了解哪些可以修改。

执行项目任务

另一个很有用的功能是Vue UI可以让你直接执行你项目中定义的任务(npm scripts)。比如，我们要运行开发版本的服务器：

该界面提供了很多有趣的技术细节，比如包大小、加载时间提示、详细的每一个资源创建耗费的时间。如果你想知道更详细的信息，点击 "Analyzer" 选项：

如果你想要对应用的大小做优化，那么你可以用这个工具来分析哪些静态资源太大，可以适当减小。

本地化

在早些时候，我们安装了Vuei18n插件。当我们安装完这个插件，一个额外的子菜单，提供了我们配置本地化的选项。

当我们访问本地化配置的页面的时候，我们会发现“English”已经是默认配资，并且有一个默认的例子”hello i18n!”。我们本地化所有的文本，我们需要选择添加我们要支持的语言。首先，点击"Add locale" 按钮：

在本示例中，我们选择添加法语”fr”，接下来我们可以将所有的英语都翻译到对于的法语。

如果我们去查看代码，我们可以看到对应的代码文件：

你可以看到，虽然还是Beta版本，Vue UI将会是一个非常有用的工具。

原文: Vue UI: A First Look     本文采用意译，版权归原作者所有。

【编辑推荐】

1. 阿里工程师开发了一款免费工具，提升Kubernetes应用开发效率
2. 霸权？Google阻止开发者制作Web浏览器
3. 阿里开源混沌工程工具 ChaosBlade
4. 如今获得最高薪酬的10项IT技能
5. 微软宣布全新命令行+脚本工具：PowerShell 7统一兼容性

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!