Gimli

Gimli

一个Visual Studio Code扩展,可为前端开发人员提供智能的可视化工具。
与其他视觉开发平台不同,Gimli面向前端开发人员。Gimli不是“无代码”解决方案。相反,它尝试将通常在“无代码”解决方案中找到的可视化工具与Visual Studio Code开发环境相结合。功能亮点:布局工具创建复杂的动态布局通常需要使用Grid和Flexbox。学习所有可能的属性以及它们如何相互影响可能是具有挑战性的。Gimli通过提供可大大简化此过程的可视化工具来解决此问题。Gimli可以根据选择的元素来启用布局工具。例如,如果某个元素的显示属性设置为grid,则将启用一组针对网格的工具。如果元素的父级的显示属性设置为flex,则将启用一组针对flex-item的工具,依此类推。...查找源使用Gimli的“查找源”功能轻松浏览文件。Gimli使您可以立即找到CSS规则和HTML元素的源代码。与任何框架或库一起使用就像浏览器的开发人员工具一样,Gimli旨在与您选择使用的任何框架或库一起使用。到目前为止,Gimli已通过React,WordPress,Bootstrap,VueJS,Angular和Stencil进行了测试。应用样式无需复制和粘贴样式。通过使用Gimli的“应用样式”功能,您可以查看已添加,删除或更改的样式。然后,您可以应用所有或部分样式。以上只是即将发生的事情的先睹为快。上面您看到的是实际起作用的已实现功能。如果有时间和资源,我希望能够继续改进现有功能并实现新功能,例如:•排版和文本工具•导入自定义代码片段•转换和透视图工具•HTML导出和格式设置•DOM树视图•颜色和商标工具
gimli

特征

分类目录

具有任何许可的所有平台的Gimli替代品

Radzen

Radzen

Radzen是用于开发业务应用程序的桌面解决方案。在数分钟内将您的数据库构建到一个可运行的Blazor CRUD应用程序。
Broccoli

Broccoli

浏览器编译库,用于在浏览器中启动的JavaScript应用程序的构建工具。
HTML G

HTML G

HTML G是一个在线HTML编辑器,转换器,清洁器等等。它是一个多合一的工具,它使HTML代码以其集成的功能组成了一个小菜一碟,使您更快,更有效。
  • 免费增值应用
  • Web
Tincr

Tincr

通过Chrome开发者工具编辑和保存文件。实时重新加载Chrome。
WebDataRocks - Free Web Reporting Tool

WebDataRocks - Free Web Reporting Tool

简单的工具,可以轻松地添加到您的网站或应用程序中,然后能够在您喜欢的任何设备(PC,平板电脑,移动设备等)上实时生成交互式报告。
  • 免费应用
  • Web
Angus

Angus

一个新的应用程序构建工具,它为配置带来了声明式的方法(不再需要gruntfile / gulpfile摆弄或用yeoman重复生成)。
FeaturePeek

FeaturePeek

FeaturePeek是一种工具,可让您收集有关正在进行的前端实现的反馈。
Atlas Toolkit

Atlas Toolkit

Atlas工具箱是向您的应用程序添加Web界面的快速简便的方法。
HTML5Rocks Playground

HTML5Rocks Playground

HTML5Rocks是希望将HTML5投入使用的开发人员的资源,包括有关特定功能的信息以及何时在您的应用程序中使用它们。
  • 免费应用
  • Web
Gear.js

Gear.js

易于使用,易于扩展且功能强大的构建系统。将任务链接在一起以轻松构建项目。
Pinocode

Pinocode

Pinocode是一个离线代码游乐场,可在您的浏览器中进行前端开发,它为您提供了一个很酷的环境来使用HTML,CSS和JavaScript进行前端开发,并支持变体和外部库。
Little Widgets

Little Widgets

HTML,CSS框架以及设计精美的网站小部件,弹出窗口和表单。
  • 付费应用
  • Web
Polypane

Polypane

Polypane是从头开始构建的用于创建网站和应用程序的浏览器。
Skaffolder

Skaffolder

Skaffolder是使用任何语言的图形界面为webapp生成高质量脚手架的唯一平台。它可以节省时间并自动执行代码生产,从而使开发人员可以完全控制和自治。这对于团队来说也非常有用!
Preact

Preact

Preact是一个快速的UI框架,具有与...相同的ES6 API。