none
Le package Nuget AutoF5 RRS feed

  • Discussion générale

  • Il est toujours ennuyeux basculer entre Visual Studio et le navigateur lors de la mise en œuvre d'un changement de l'interface utilisateur simple (surtout pour éditer un projet MVC où  il y aucun concepteur du tout).Imaginez que vous souhaitez ajuster la taille d'une image, vous devez faire cela :

     

    1. Modifier dans le fichier CSS

     

    2. Enregistrer

     

    3. Changer au navigateur

     

    4. F5 ou cliquez sur le bouton Actualiser pour voir les changements

     

    Puis, si vous n'êtes pas satisfait de l'ajustement, vous devrez passer par les étapes 1-4 de nouveau. Cette méthode est très inefficace. Une autre méthode consiste à :

     

    1. Utilisez l’Outil de Développement IE / Firebug pour ajuster les CSS au navigateur jusqu'à ce que vous êtes satisfait.

     

    2. Commutatez à Visual Studio et vous devez vous refaire toutes les modifications dans le fichier CSS.

     

    3. Sauvegardez.

     

    4. Rebasculez vers le navigateur.

     

    5. F5 ou cliquez sur le bouton « Refresh » pour voir les changements.

     

    C'est mieux car vous pouvez visualiser vos modifications immédiatement dans le navigateur, mais il n’est toujours pas assez bon, parce que vous avez à se souvenir de tous les changements et les enregistrer dans le fichier CSS.

     

    La solution est le package AutoF5 de Nuget

     

     

    Pour installer AutoF5, vous pouvez taper simplement la commande dans la Console PM sur votre projet de site Web :

     

    PM > Install-Package AutoF5

     

    Après l'installation, vous verrez immédiatement vos modifications chaque fois que vous enregistrez le fichier de contenu dans Visual Studio. Vous pouvez afficher les modifications dans IE, Firefox, Chrome en même temps juste par Ctrl + S.


    Le package prend en charge tous les navigateurs populaires et tous les modèles de projet ASP>NET. WebMatrix devrait également être pris en charge.

    Les sources se trouvent sur https://github.com/hongyes/AutoF5.

     

    Cet article est une traduction de l’article « Introducing to AutoF5 Nuget Package: Live Editing in ASP.NET » dans lequel vous pouvez aussi trouver une vidéo démonstrative.


    Suivez MSDN sur Twitter   Suivez MSDN sur Facebook


    Ciprian DUDUIALA, MSFT  
    •Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.

    jeudi 3 novembre 2011 16:03