web-dev-qa-db-fra.com

ASP.NET MVC Razor designer

Je présente ASP.NET MVC à une nouvelle équipe et l'une des questions qui revient 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 IN visual studio pour ASP.NET MVC3 utilisant le moteur de vue de rasoir.

53
detroitpro

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

Ce n'est vraiment pas si difficile d'utiliser simplement votre navigateur Web en tant que visualiseur. Vous pouvez apporter des modifications au code HTML sans avoir à recompiler, effectuez simplement la modification, enregistrez et actualisez votre navigateur.

EDIT (8/2/2013)

Étant donné que cette réponse a été écrite à l'origine, Microsoft a publié Visual Studio 2012 qui comprend une fonctionnalité appelée Inspecteur de page , qui, bien que n'étant pas un véritable "concepteur" dans la façon dont la question a été écrite, elle donne beaucoup mode d'aperçu semi-direct plus agréable. Cela a été amélioré dans Visual Studio 2013 (qui a été RTM aujourd'hui, 17/10/13).

55
Erik Funkenbusch

J'utilise une fenêtre de navigateur Web et définit l'URL mon localhost à la place du concepteur. affichage> "autres fenêtres"> "navigateur web". J'ai ensuite divisé les fenêtres verticalement ou horizontalement.

10
4ks

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

  1. changer l'extension du fichier de rasoir en .html
  2. Ouvrez le document
  3. avec le document ouvert, remplacez l'extension de fichier par .cshtml

Félicitations, vous avez maintenant une vue de concepteur du fichier de rasoir. Si vous avez besoin d'un rasoir Intellisense, fermez-le et rouvrez-le.

8
BraveNewMath

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

4
Craig

Je pense qu'ils travaillent là-dessus en tant que fonctionnalité pour Expression Blend 5 Developer Preview .

Ils reconnaissent clairement le problème de la conception de JS dans le concepteur, donc je soupçonne 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 utilisant le mode interactif, vous seriez probablement très bien avec la conception de modèles MVC ou MVVM"

Vérifiez également Visual Studio Page Inspector il semble qu'il fera ce qui est nécessaire

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

2
GraemeMiller

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

Vous pouvez tromper le IDE 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 de la conception réactive et de l'implémentation css peuvent donner vous fausses résultats en mode Création. Designer est utile dans WebForms. Mais avec la fonctionnalité de lien de navigateur dans Visual Studio 2013, il n'y a plus aucune raison de tromper votre IDE, vous pouvez avoir des navigateurs un à plusieurs ouverts et obtenir des mises à jour en direct. du navigateur au studio visuel. Impossible de battre ça! Le navigateur est là où il en est!

Lien du navigateur!

Installez ce qui suit et vous serez en or!

Microsoft Visual Studio 2013 Update
Web Essentials (Dépendant de VS Update 3)

2
Eric Bishard