Concepteur ASP.NET MVC Razor

Je présente ASP.NET MVC à une nouvelle équipe et l’une des questions qui se pose souvent est “Y a-t-il une vue de concepteur”

Même si ce n’est pas pour la mise en page, existe-t-il une vue de conception de studio visuel IN pour ASP.NET MVC3 utilisant le moteur de vue de razor.

Non, il n’y a pas de concepteur. Il serait probablement difficile pour un concepteur de savoir ce que l’on entend par code Razor dans de nombreux cas.

Il n’est pas si difficile d’utiliser simplement votre navigateur Web en tant que lecteur. Vous pouvez apporter des modifications au code HTML sans avoir à recomstackr, effectuez simplement les modifications, enregistrez et actualisez votre navigateur.

EDIT (8/2/2013)

Depuis que cette réponse a été écrite à l’origine, Microsoft a publié Visual Studio 2012 qui inclut une fonctionnalité appelée Page Inspector , qui, bien que n’étant pas un véritable “concepteur” dans la manière dont la question a été écrite, offre un mode de prévisualisation semi-direct beaucoup plus agréable. Cela a été amélioré dans Visual Studio 2013 (qui était RTM aujourd’hui, 17/10/13).

J’utilise une fenêtre de navigateur Web et définit l’url mon localhost à la place du concepteur. voir> “autres fenêtres”> “navigateur Web”. Je divise ensuite les fenêtres verticalement ou horizontalement.

J’ai pu travailler en utilisant l’astuce suivante:

  1. changer l’extension du fichier razor en .html
  2. Ouvrir le document
  3. Avec le document ouvert, remplacez l’extension de fichier par .cshtml

Félicitations, vous avez maintenant une vue du concepteur du fichier razor. Si vous avez besoin de razor intellisense, fermez-le et rouvrez-le.

Non, en général, vous devriez essayer d’éviter les concepteurs visuels. La combinaison du HTML / CSS / Javascript est quelque chose qui ne peut pas être bien fait avec les concepteurs visuels et la peine à court terme de les apprendre manuellement en vaudra la peine. Une fois que vous les connaissez bien, vous coderez d’une manière plus propre et plus rapide. J’utilise souvent Expression Web pour faire les mises en page initiales avant de les copier dans Visual Studio.

Je sais que je suis en retard à la fête, mais ..

Vous pouvez tromper l’EDI comme mentionné ci-dessus, mais si vous créez des applications dans MVC, vous devriez être à l’aise en mode code. Il est plus productif et la plupart des conceptions réactives et des implémentations CSS peuvent vous donner de faux résultats en mode conception. Designer est utile dans les formulaires Web. Mais avec la fonctionnalité Browser Link de Visual Studio 2013, il n’y a plus de raison de tromper votre IDE, vous pouvez ouvrir des navigateurs un-à-plusieurs et obtenir des mises à jour directes du navigateur vers Visual Studio. Je ne peux pas battre ça! Le navigateur est l’endroit où il se trouve!

Lien du navigateur!

Installez les éléments suivants et vous serez en or!

Microsoft Visual Studio 2013 Update 3
Web Essentials (dépend de VS Update 3)

Je pense qu’ils y travaillent en tant que fonctionnalité pour Expression Blend 5 Developer Preview .

Ils reconnaissent clairement la question de la conception de JS dans le concepteur. Je pense donc qu’ils réalisent que la même chose s’applique à certains concepteurs travaillant sur des applications MVC.

Quelqu’un de Microsoft m’a dit: “Je pense que dans Blend for HTML, en mode interactif, vous seriez sans doute content de concevoir des patterns MVC ou MVVM”

Consultez également Visual Studio Page Inspector, il semble qu’il fera ce qui est nécessaire

Dans Visual Studio 2013, le lien de navigateur ajouté permet une communication bidirectionnelle entre le navigateur et Visual Studio. Cela signifie que vous pouvez actualiser le navigateur lorsque vous changez de code et voir instantanément à quoi cela ressemble. Vous pouvez également modifier Css dans le navigateur et le faire enregistrer dans Visual Studio

Il existe une solution de contournement, il est mentionné ici http://www.codeproject.com/KB/aspnet/EnablingDesignerSupport.aspx