Gimli,Visual Studio代码在开发中的前端扩展

金利VS

recientemente 开发人员为Microsoft的开源代码编辑器Visual Studio Code引入了新的扩展 (编辑器现在可以在 卡扣包).

Gimli扩展名是一种可视化编程工具 允许前端开发人员设计,操纵现有模板的代码,导入自定义代码段等。

Gimli主要功能

创建复杂的动态布局通常需要使用Grid和Flexbox。 学习所有可能的属性及其相互作用可能很困难。

Gimli解决了这个问题 通过提供可大大简化此过程的可视化工具。

在“模式演示”中, Gimli根据所选项目激活演示工具。

例如,如果某项的显示属性设置为Grid,则将启用一组基于Grid的工具。

如果某个项目的父项目的显示属性设置为Flex,则将启用一组针对flex项目的工具,依此类推。

使用Gimili,您可以使用功能轻松浏览文件 Gimli的“搜索来源”。

该扩展程序使您可以立即找到CSS规则和HTML元素的源代码。

当您从模板中选择HTML元素时,只需单击“源”按钮,即可立即打开该元素或CSS规则的源代码。

还允许您通过函数应用样式 通过Gimli“应用样式”,您可以查看已添加,删除或修改的样式。 然后,您可以应用全部或部分这些不同的样式。

像任何浏览器的开发人员工具一样,Gimli旨在与您选择使用的任何框架或库一起使用。

根据其设计师的说法,到目前为止, Gimli已通过React,WordPress,Bootstrap,VueJS,Angular和Stencil进行了测试。

此外,根据其创建者的说法, 上面提到的这四个功能只是扩展功能的预览。

这些功能代表了目前可用于Gimli扩展程序的功能。

Gimli仍处于Beta状态

开发者 推出了该工具,该工具目前仍处于测试阶段,应于2019年第三季度末或第四季度初可用 它的第一个稳定版本计划于2020年初发布。

目前,关于Gimli的设计师很少有解释。 他承诺将随着Gimli设计的进行而纠正的一件事。

“与其他开发平台不同,Gimli是面向前端开发人员的。 Gimli不是“无代码”解决方案。

相反,它试图将“无代码”解决方案中经常使用的可视化工具与其Visual Studio Code开发环境结合起来,”他解释说。

由于其功能, Gimli有一个小脚本,您必须在开发过程中包括它,它的配置非常简单,可以借助webpack等编译工具或手动完成。

借助所需的时间和资源,我们将继续增强现有功能并实现新功能,例如版式和文本工具,导入自定义代码段的能力,透视图和转换工具,HTML导出和格式设置,视图DOM树和用于以下目的的工具颜色和标记。

那说, 没有社区要求的可用于测试的扩展的beta版本。

他们认为,这将有助于Gimli的创建者从社区中获得更多的贡献,并获得有关他们可以纠正或对产品做出贡献的任何错误或改进的更多反馈。

另一方面,其他人则评论说该项目是开源的。

“我可以提出的一个建议是使该项目开源或至少免费供个人使用。

这将吸引许多想要在工作场所使用相同工具的用户。 其中之一说,然后您便可以获得要向公司收取费用的营业执照。

数据来源: 应用程序


本文内容遵循我们的原则 编辑伦理。 要报告错误,请单击 信息.

成为第一个发表评论

发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责资料:AB Internet Networks 2008 SL
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。