Gimli

フロントエンド開発者向けのスマートビジュアルツールを可能にするVisual Studio Code拡張機能。

無料アプリ
Windows
Mac
Linux
Visual Studio Code

他のビジュアル開発プラットフォームとは異なり、Gimliはフロントエンド開発者を対象としています。Gimliは「コードなし」のソリューションではありません。代わりに、「コードなし」ソリューションでよく見られるビジュアルツールとVisual Studio Code開発環境を組み合わせようとします。機能のハイライト：レイアウトツール複雑な動的レイアウトを作成するには、多くの場合、グリッドとFlexboxを使用する必要があります。考えられるすべてのプロパティと、それらが互いにどのように相互作用するかを学習することは困難な場合があります。Gimliは、このプロセスを大幅に簡素化する視覚ツールを提供することでこれを解決します。Gimliは、選択された要素に基づいてレイアウトツールを有効にします。たとえば、要素の表示プロパティがグリッドに設定されている場合、グリッドに焦点を合わせたツールのセットが有効になります。要素に表示プロパティがflexに設定された親がある場合、一連のflex-itemフォーカスツールが有効になります。...ソースの検索Gimliの「ソースの検索」機能を使用して、ファイルを簡単にナビゲートします。Gimliでは、CSSルールとHTML要素のソースコードを即座に見つけることができます。任意のフレームワークまたはライブラリで動作するブラウザーの開発者ツールと同様に、Gimliは、選択したフレームワークまたはライブラリで動作することを目的としています。これまでのところ、GimliはReact、WordPress、Bootstrap、VueJS、Angular、Stencilでテストされています。スタイルを適用するスタイルをコピーして貼り付ける必要はありません。Gimliの「スタイルの適用」機能を使用すると、どのスタイルが追加、削除、または変更されたかを確認できます。その後、これらのスタイルのすべてまたは一部を適用できます。上記は、何が来るかについての初期のスニークピークです。上で見たものは、実際に機能する実装された機能です。時間とリソースを考えると、既存の機能の改善を継続し、次のような新しい機能を実装できることを願っています。•タイポグラフィおよびテキストツール•カスタムスニペットのインポート•変換およびパースペクティブツール•HTMLエクスポートおよび書式設定•DOMツリービュー

gimli