ionic推出官方IDE：“Ionic Studio”，支持实时预览热调试！视图布局可直接拖拽控件！

Posted 2021-04-29 ionic大全

（给ionic大全加星标，提升ionic技能）

如果您正在企业环境中构建应用程序，那么您可能已经经历了为开发确定的移动用例数量与开发团队交付能力之间的差距。有些团队有多达50-60个应用程序在等待开发。

当然，Ionic的一大卖点是我们可以帮助您更快地构建应用程序：使用您熟悉和喜爱的常用Web语言编写一次，在任何地方运行。但是，我们知道它还有更多。

无论你多么熟练，你仍然觉得你花了一半的时间在你的代码编辑器和开发人员文档之间来回切换，问自己：我应该使用哪个组件？什么是正确的语法？那个标题在哪里？等等......更不用说管理插件或弄清楚如何与新的后端服务集成等内容。

嗯，我很高兴地宣布，Ionic的团队刚刚推出了一个新的解决方案，Ionic Studio，旨在将所有额外的东西从你的盘子中拿走，这样你就可以解决你的应用程序积压问题，同时我们会处理剩下的事情。

介绍Ionic Studio IDE

Ionic Studio是一个功能齐全的本地安装的IDE，可为使用Ionic构建应用程序的任何人提供无与伦比的开发人员体验。

基于VS Code构建的相同开源项目，Studio具有您期望从强大的代码编辑器中获得的所有功能，例如TypeScript支持，自动完成，调试等。但这是我们为开发人员构建的所有额外内容，我们希望您真的很感激。

负重前行

首先，Studio可能完全消除了对开发人员文档的需求。尽管我们为编写精美的文档感到自豪，但我们知道在代码编辑器和文档页面之间来回切换会很麻烦。使用Studio，您需要了解的有关Ionic的所有信息都在IDE中。

只需滚动列表即可轻松浏览100多个 Ionic Framework组件的完整库，这些组件经常更新。它就像选择一个组件将其拖放到您的应用程序中一样简单，然后它将自动生成您需要的基本代码。此外，您可以在右侧窗格中导航所有属性设置。

此外，Studio允许您在任何已安装的模拟器，Web浏览器或本机设备上预览应用程序，从而帮助您在构建应用程序时可视化应用程序。当您在项目中进行更改时，Live Reload会自动刷新UI，因此它始终是最新的。此外，Studio还包含一个可视化设计模式，允许您随时在代码模式和设计模式之间轻松切换，以确保您所做的任何更改都反映在代码中。

即使具备所有这些功能，我们也看到Studio不仅仅是代码编辑器。它可以帮助您管理整个开发项目。这包括您的Cordova插件和平台，您的应用程序的颜色和主题，本地资源和文件，以及更多 - 使您可以轻松地组织和管理您在一个地方快速构建高质量应用程序所需的一切。

后端集成：AWS Amplify及更多

而且，如果您认为上述内容不够，Studio可以通过直接与后端系统和第三方服务集成来帮助您构建全栈应用程序。通过与Amazon Web Services的合作，我们宣布了Studio中提供的第一个后端集成：AWS Amplify，这是一个针对移动和Web应用程序的高度可扩展，可靠且灵活的云服务库。

事实上，我今天参加了AWS re：invent展会，向众多观众展示了Ionic Studio，并演示了解决方案中的AWS集成。

通过在Studio中提供AWS Amplify等服务，我们希望前端开发人员能够更轻松地集成后端和第三方服务，所有这些都来自单一开发环境。要将这些服务添加到您的应用程序，只需将关联的组件拖拽到您的代码文件中即可！

移动DevOps由Ionic Appflow提供支持

当然，仅仅加速开发过程是不够的。对我们来说同样重要的是，您可以多快地将代码交付给用户。这就是为什么Ionic Studio将与Ionic Appflow（以前称为Ionic Pro）集成，后者是一个移动DevOps服务套件，用于自动化应用交付管道的每个阶段 - 从构建本机二进制文件到实时应用更新 - 因此您可以以速度发送更改发展。

实际上，虽然超过50％的企业每年发送四次或更少的代码，但Ionic Appflow用户平均每月发布3-4次，在很多情况下每周或每天发布。

定价和可用性

最终，我们希望每个人都能从Ionic Studio中受益。我们目前正在开发一个社区版，我们希望在2019年晚些时候推出这个版本，以便个别开发人员，学生和其他人能够加强他们的开发。

目前，我们建议Ionic Studio为专业开发团队寻求开展关键任务应用开发项目或支持业务所需的不断增加的应用程序积压。事实上，我们已经有一些企业开发团队在构建它，我们迫不及待地想看看你们都能创建的东西。

有了它，我们很高兴地说Ionic Studio现在可用。如果您有兴趣开始在Studio中的一个项目，请伸手给我们现场演示或自定义报价。

关于创作者的注释

有些人可能会问，Creator怎么样？虽然Creator的外观和感觉与Studio的视觉设计模式相似，但实际上工具却完全不同。

Ionic Studio是一款适用于专业开发人员的本地安装的全功能IDE。Ionic Creator是一个基于云的应用程序构建器，适用于刚开发或正在使用少量自定义构建更多基本应用程序的人员。

我们知道人们喜欢造物主，所以它会在可预见的未来留下来。一旦有了Community Edition的Studio，我们将评估功能差异并确定后续步骤。

---

*以上统计数据基于Forrester最近的研究。根据该报告：“我们调查的一半开发人员告诉我们他们的团队每年发布四次或更少的应用程序......然而，构建出色移动体验的团队每年会发布8到12次。随着Apple的定期功能更新（2017年至今六次）和Google（过去一年中有四次）和不断变化的客户期望，高速应用程序发布功能就是赌注。 来源：Forrester移动体验开发的最佳实践

来源于ionic官方Twitter

由“一个神秘的程序猿”翻译

觉得本文对你有帮助？请分享给更多人

为「ionic大全」加星标，提升ionic技能

喜欢就点一下「好看」呗~