Récemment un développeur a introduit une nouvelle extension pour l'éditeur de code open source de Microsoft, Visual Studio Code (éditeur maintenant disponible sur pack de pression).
L'extension de nom Gimli est un outil de programmation visuelle pour les développeurs frontaux qui leur permet de concevoir, de manipuler le code d'un modèle existant, d'importer des extraits de code personnalisés, etc.
Principales caractéristiques de Gimli
La création de mises en page dynamiques complexes nécessite souvent l'utilisation de Grid et Flexbox. L'apprentissage de toutes les propriétés possibles et de leur interaction peut être difficile.
Gimli résout ce problème en fournissant des outils visuels qui simplifient grandement ce processus.
En "mode présentation", Gimli active les outils de présentation en fonction de l'élément sélectionné.
Par exemple, si la propriété d'affichage d'un élément est définie sur Grille, un ensemble d'outils basés sur la grille sera activé.
Si un élément a un élément parent avec une propriété d'affichage définie sur Flex, un ensemble d'outils axés sur les éléments flexibles sera activé, et ainsi de suite.
Avec Gimili, vous pouvez facilement naviguer dans vos fichiers avec la fonction La «source de recherche» de Gimli.
L'extension vous permet de trouver instantanément le code source des règles CSS et des éléments HTML.
Lorsque vous sélectionnez un élément HTML de votre modèle, un simple clic sur le bouton "source" ouvrira instantanément le code source de cet élément ou une règle CSS.
Gimli vous permet également d'appliquer des styles avec la fonction Gimli "Appliquer les styles", vous pouvez voir quels styles ont été ajoutés, supprimés ou modifiés. Vous pouvez ensuite appliquer tout ou partie de ces différents styles.
Comme tous les outils de développement de navigateur, Gimli est conçu pour fonctionner avec n'importe quel framework ou bibliothèque avec lequel vous avez choisi de travailler.
Selon ses concepteurs, jusqu'à présent, Gimli a été testé avec React, WordPress, Bootstrap, VueJS, Angular et Stencil.
De plus, selon son créateur, Ces quatre fonctionnalités mentionnées ci-dessus ne sont qu'un aperçu de la puissance de l'extension.
Ces fonctionnalités représentent celles qui fonctionnent actuellement pour l'extension Gimli.
Gimli est toujours en version bêta
Développeur a dévoilé cet outil qui est encore actuellement en version bêta et devrait être disponible d'ici la fin du troisième trimestre ou début du quatrième trimestre 2019 et sa première version stable est prévue pour début 2020.
Il y a actuellement peu d'explications sur Gimli de la part de son concepteur. Une chose qu'il a promis de rectifier au fur et à mesure que la conception de Gimli progressait.
«Contrairement aux autres plates-formes de développement, Gimli est destiné aux développeurs front-end. Gimli n'est pas une solution «sans code».
Au lieu de cela, il essaie de combiner les outils visuels souvent trouvés dans les solutions «sans code» avec son environnement de développement Visual Studio Code », a-t-il expliqué.
Pour sa fonctionnalité, Gimli a un petit script que vous devez inclure lors de votre développement, sa configuration serait très simple et pourrait se faire à l'aide d'outils de compilation comme webpack ou manuellement.
Avec le temps et les ressources nécessaires, nous continuerons à améliorer les fonctionnalités existantes et à mettre en œuvre de nouvelles fonctionnalités telles que la typographie et les outils de texte, la possibilité d'importer des extraits de code personnalisés, des outils de perspective et de transformation, l'exportation et la mise en forme HTML, une vue de l'arborescence DOM et des outils pour couleurs et marques.
Cela dit, Il n'y a pas de version bêta de l'extension disponible pour les tests, ce que la communauté demande.
Ils pensent que cela aidera le créateur de Gimli à obtenir plus de contributions de la communauté et plus de commentaires sur les bogues ou améliorations qu'ils peuvent corriger ou contribuer au produit.
D'autre part, d'autres personnes ont déclaré que le projet était open source.
«Une suggestion que je peux faire est de rendre le projet open source ou au moins gratuit pour un usage personnel.
Cela amènera de nombreux utilisateurs qui souhaiteront disposer des mêmes outils sur leur lieu de travail. Ensuite, vous pouvez avoir des licences commerciales que vous facturez aux entreprises », explique l'une d'elles.
source: gimli.app