IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Visual Studio Code Discussion :

Gimli, une nouvelle extension pour l’éditeur Visual Studio Code


Sujet :

Visual Studio Code

  1. #1
    Chroniqueur Actualités

    Homme Profil pro
    Rédacteur technique
    Inscrit en
    juin 2016
    Messages
    2 023
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Rédacteur technique
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : juin 2016
    Messages : 2 023
    Points : 45 718
    Points
    45 718
    Par défaut Gimli, une nouvelle extension pour l’éditeur Visual Studio Code
    Gimli, une nouvelle extension pour l’éditeur Visual Studio Code
    destinée aux développeurs front-end

    Un développeur a présenté une nouvelle extension pour l’éditeur de code open source de Microsoft, Visual Studio Code. L’extension du nom de Gimli est un outil de programmation visuelle à l’endroit des développeurs front-end pour leur permettre de faire de la mise en page, de la manipulation du code d’un template existant, d’importer des extraits personnalisés, etc. Selon sa FAQ, l’outil est actuellement en version bêta et devrait être disponible vers la fin du troisième trimestre ou le début du quatrième trimestre de l’année 2019 et sa première version stable est prévue pour début 2020. Il existe 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 avance. Cependant, il souligne que l’extension dispose de nombreuses fonctionnalités et qu’il ne s’agit pas simplement d’une solution « no code » contrairement à ce que beaucoup pourraient penser en le voyant.

    « Contrairement aux autres plateformes de développement visuel, Gimli est destiné aux développeurs front-end. Gimli n'est pas une solution « no code ». Au lieu de cela, il essaie de combiner les outils visuels que l'on trouve souvent dans les solutions « no code » avec votre environnement de développement Visual Studio Code », a-t-il expliqué. Pour son fonctionnement, Gimli dispose d’un minuscule script que vous devez inclure au cours de votre développement. Selon les réponses tirées de la FAQ dédiée à l’extension Gimli, sa configuration serait très simple et pourrait être réalisée avec l’aide des outils de compilation comme webpack ou manuellement. Voici présenter ci-dessous quelques-uns des fonctionnalités de Gimli :

    Gimli apporte des outils de mise en page

    La création de mises en page dynamiques complexes nécessite souvent l'utilisation de Grid et de Flexbox. Apprendre toutes les propriétés possibles et 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 Grid, un ensemble d'outils axés sur Grid sera activé. Si un élément a un parent avec une propriété d'affichage définie sur Flex, un ensemble d'outils axés sur les éléments flexibles sera activé, etc.

    Gimli vous permet de trouver la source d’un élément HTML de la page Web

    Naviguez facilement dans vos fichiers grâce à la fonction « trouver la source » 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 template, un simple click sur le bouton "source" ouvrira instantanément le code source pour cet élément ou une règle CSS.

    Gimli permet d’appliquer des styles

    Pas besoin de copier et coller des styles. En utilisant la fonctionnalité "Appliquer les styles" de Gimli, vous pouvez voir quels styles ont été ajoutés, supprimés ou modifiés. Vous pouvez ensuite appliquer tout ou une partie de ces différents styles.

    Gimli fonctionne avec n’importe quel framework ou bibliothèque

    Comme les outils de développement de votre navigateur, Gimli est conçu pour fonctionner avec n’importe quel framework ou bibliothèque avec lequel vous avez choisi de travailler. D’après ses concepteurs, jusqu'à présent, Gimli a été testé avec React, WordPress, Bootstrap, VueJS, Angular et Stencil.

    Nom : z1.png
Affichages : 3645
Taille : 302,1 Ko

    Par ailleurs, selon son créateur, ces quatre caractéristiques précitées ne constituent qu’un avant-goût de la puissance de l’extension. Ces fonctionnalités représentent ceux qui fonctionnent réellement à l’heure actuelle pour l’extension Gimli. Il espère, avec le temps et les ressources nécessaires, continuer à améliorer les fonctionnalités existantes et à implémenter de nouvelles fonctionnalités. Pour les fonctionnalités futures à implémenter, il cite : la typographie et des outils de texte, la possibilité d’importer des extraits personnalisés, des outils de transformation et de perspective, l’exportation HTML et le formatage, une vue de l’arborescence du DOM et des outils pour les couleurs et les marques.

    Cela dit, aucune version bêta de l’extension n’est disponible pour essai, ce que demande d’ailleurs la communauté. Ils estiment que cela aidera le créateur de Gimli à avoir un peu plus de contributions de la part de la communauté et plus de retours sur les éventuels bugs ou améliorations qu’il pourrait corriger ou apporter au produit. « Je vous recommande de rendre l'application disponible pour les tests bêta avec certains utilisateurs. Ne faites pas l'erreur d'attendre d'avoir le produit parfait, car vous êtes seul et vos ressources sont limitées », a déclaré l’un d’entre eux.

    D’autres de leur côté l’incitent à rendre le projet open source. « Une suggestion que je peux vous faire est de rendre le projet open source ou au moins gratuit pour un usage personnel. Cela amènera beaucoup d'utilisateurs qui voudront avoir le même outillage sur leur lieu de travail. Vous pouvez alors avoir des licences commerciales que vous faites payer aux entreprises », explique l’un d’eux.

    Source : Gimli

    Et vous ?

    Que pensez-vous de cette extension pour Visual Studio Code ?

    Voir aussi

    Visual Studio Code 1.8 disponible avec le mode Zen pour écrire son code sans distraction et d'autres améliorations pour la productivité et l'UX

    Les outils Cordova débarquent sur Visual Studio Code sous forme d'extension pour faciliter le développement d'applications mobiles cross-platform

    Visual Studio Code 1.31 est disponible et permet désormais d'installer des extensions sans redémarrer l'éditeur

    Microsoft lance une extension de débogage Java pour Visual Studio Code et envisage d'offrir un support complet pour le développement Java sur VS Code
    Contribuez au club : corrections, suggestions, critiques, ... Contactez le service news et Rédigez des actualités

  2. #2
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2013
    Messages
    125
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2013
    Messages : 125
    Points : 658
    Points
    658
    Par défaut
    Que pensez-vous de cette extension pour Visual Studio Code ?
    Je prie pour qu'elle fonctionne avec symfony, aussi bien en mode assetic qu'en webpack, même si j'ai des doutes sur le fait qu'elle soit capable de comprendre les styles inclus en twig par exemple ...
    Croisons les doigts !

Discussions similaires

  1. LLVM 7 est disponible avec une nouvelle extension LLVM pour Visual Studio
    Par Christian Olivier dans le forum Clang et LLDB
    Réponses: 0
    Dernier message: 24/09/2018, 20h45
  2. Microsoft lance une extension de débogage Java pour Visual Studio Code
    Par Michael Guilloux dans le forum Visual Studio
    Réponses: 12
    Dernier message: 13/02/2018, 17h38
  3. [Visual Studio] Nouvelle extension pour Visual Studio : Qt VS Tools
    Par dourouc05 dans le forum EDI
    Réponses: 1
    Dernier message: 05/09/2017, 23h30
  4. Réponses: 6
    Dernier message: 07/12/2007, 11h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo