sintaxis mvc cshtml code asp.net-mvc razor

asp.net-mvc - mvc - razor reference



Diseñador ASP.NET MVC Razor (7)

Estoy presentando ASP.NET MVC a un nuevo equipo y una de las preguntas que surge a menudo es "¿Hay una vista de diseñador?"

Incluso si no es para el diseño, hay una vista de diseño de estudio visual IN para ASP.NET MVC3 que utiliza el motor de vista de afeitar.

Creo que están trabajando en eso como una característica de Expression Blend 5 Developer Preview .

Ellos claramente reconocen el problema de diseñar JS en el diseñador, así que sospecho que se dan cuenta de que lo mismo se aplica a algunos diseñadores que trabajan en aplicaciones MVC.

Me lo dijo alguien de Microsoft "Creo que en Blend for HTML, usando el modo interactivo, probablemente estarás muy bien diseñando patrones MVC o MVVM"

También mira Inspector de página de Visual Studio , parece que hará lo que se necesita

En Visual Studio 2013 , el enlace del navegador agregado permite la comunicación bidireccional entre el navegador y Visual Studio. Significa que puedes actualizar el navegador cuando cambias de código y ver cómo se ve al instante. También puede cambiar Css en el navegador y guardarlo en Visual Studio

No, en general debes tratar de evitar a los diseñadores visuales. La combinación de HTML / CSS / Javascript es algo que simplemente no se puede hacer bien con los diseñadores visuales y el dolor a corto plazo de aprender estos manualmente valdrá la pena. Una vez que los conozca bien, estará codificando de una manera más limpia y rápida. A menudo utilizo Expression Web para hacer diseños iniciales antes de copiarlos a Visual Studio.

No, no hay diseñador Probablemente sea difícil para un diseñador incluso saber qué se entiende por código Razor en muchos casos.

Realmente no es tan difícil usar tu navegador web como espectador. Puede realizar cambios en el HTML sin tener que volver a compilar, simplemente realice el cambio, guarde y actualice su navegador.

EDITAR (8/2/2013)

Desde que se escribió originalmente esta respuesta, Microsoft lanzó Visual Studio 2012, que incluye una función llamada Page Inspector , que si bien no es un verdadero "diseñador" en la forma en que se escribió la pregunta, ofrece un modo de vista previa semi-live mucho más agradable. Esto se ha mejorado en Visual Studio 2013 (que fue RTM hoy, 17/10/13).

Pude trabajar usando el siguiente truco:

  1. cambie la extensión del archivo de la navaja a .html
  2. Abra el documento
  3. con el documento abierto, cambie la extensión de archivo a .cshtml

Felicitaciones, ahora tiene una vista del diseñador del archivo de afeitar. Si necesita una cuchilla intellisense, ciérrela y vuelva a abrirla.

Sé que llego tarde a la fiesta, pero ...

Puede engañar al IDE como se mencionó anteriormente, pero si está creando aplicaciones en MVC, debería sentirse cómodo con la vista de código. Es más productivo y la mayor parte del diseño receptivo y la implementación de CSS pueden darle resultados falsos en la vista de diseño. Designer es útil en WebForms. Pero con la función de enlace del navegador en Visual Studio 2013, ya no hay ninguna razón para engañar a su IDE, puede tener uno o muchos navegadores abiertos y obtener actualizaciones en vivo desde el navegador hasta el estudio visual. No se puede superar eso! ¡El navegador está donde está!

Enlace del navegador!

¡Instala lo siguiente y estarás dorado!

Actualización 3 de Microsoft Visual Studio 2013
Web Essentials (Depende de VS Update 3)

Utilizo una ventana del navegador web y configuré el url my localhost en lugar del diseñador. ver> "otras ventanas"> "navegador web". Luego dividí las ventanas verticalmente o horizontaly.