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树视图•颜色和商标工具

特征

分类目录

Windows版Gimli的替代品

Kanban Tool

Kanban Tool

看板工具是一种基于看板方法的在线自托管视觉管理软件。
Koala

Koala

考拉是Less,Sass,Compass和CoffeeScript的GUI。Koala可以在Windows,Mac和Linux中运行。
Yeoman

Yeoman

Yeoman是一个健壮且自以为是的客户端堆栈,包括可帮助开发人员快速构建漂亮的Web应用程序的工具和框架。
TweakStyle

TweakStyle

TweakStyle是用于Web开发的集成开发环境。与大多数IDE不同,TweakStyle是为前端开发量身定制的,并且了解Web设计。
Webix Kanban Board

Webix Kanban Board

Webix看板是一个JavaScript和HTML5小部件,可用于构建易于使用且功能丰富的看板。
Assemble

Assemble

用于Grunt.js和Yeoman的静态站点生成器。组装使从可重复使用的模板和数据构建模块化站点,博客,gh页,组件和文档变得非常简单。
Xara Web Designer

Xara Web Designer

Xara Web Designer是用于Windows平台的WYISWYG Web设计工具,使您能够快速轻松地设计自己的网页和网站。
GraphicsJS

GraphicsJS

免费的开源JavaScript库,可轻松绘制HTML5图形和动画。与现存的基于SVG / VML的组件(包括Raphaël和Bonsai)相比,它的即装即用功能轻巧且功能强大。
Tincr

Tincr

通过Chrome开发者工具编辑和保存文件。实时重新加载Chrome。
Broccoli

Broccoli

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

Radzen

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

mssql for Visual Studio Code

到处开发Microsoft SQL Server,Azure SQL数据库和SQL数据仓库。
Atlas Toolkit

Atlas Toolkit

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

Gear.js

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

Pinocode

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