Gimli Tailwind

Gimli Tailwind插件简介

Gimli Tailwind插件描述

Gimli Tailwind lets developers debug  wk with Tailwind CSS in a me intuitive way.

Here are some feature highlights:

Instant feedback
Building complex layouts takes a lot of trial  err. Gimli Tailwind lets the developer preview changes just by hovering on different values. We also let developers:

 Ctrl+Click to toggle values on/off
 Ctrl+Holddrag to use inputs as sliders

By focusing on instant feedback, we enable developers to Build better websites faster.

Show whats relevant.
We dont want to overwhelm developers with options  inputs. Here’s a list of features which enables developers to quickly find relevant utilities:

 Inputs are grouped the same way as in the official docs.
 Flex  grid elements will show relevant Grid/Flex inputs.
 Active inputs are always shown.
                                

Gimli Tailwind插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Gimli TailwindChrome插件v3.2版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决