2010-12-29 47 views
52

estoy introduciendo ASP.NET MVC para un nuevo equipo y una de las preguntas que surge a menudo está allí "¿Hay una vista del diseñador"ASP.NET MVC Razor diseñador

Incluso si no es para la disposición es una En la vista de diseño de estudio visual para ASP.NET MVC3 usando el motor de vista de afeitar.

+3

no, no lo hay. porque no hay controles de servidor como con los formularios web. todo es declarativo, entonces, ¿qué "arrastrarías y soltarías"? – RPM1984

+0

No busco arrastrar y soltar nada. Estoy buscando un equipo nuevo para crear una manera de obtener una vista previa de sus vistas dentro de Visual Studio. – detroitpro

+1

Simple. No lo hagas Use un navegador web en su lugar. Los diseñadores visuales son una muleta para los desarrolladores web malos, a menudo muestran HTML incorrecto/inválido y tardan demasiado en renderizar. Mi consejo sería deshabilitar por completo la funcionalidad del diseñador en VS. –

Respuesta

54

No, no hay ningún 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 simplemente su 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)

Dado que esta respuesta fue escrito originalmente, Microsoft ha publicado Visual Studio 2012 que incluye una característica llamada Page Inspector, que aunque no es un verdadero "de diseño" en la forma en que la cuestión fue escrito, da 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).

+13

Solo para aclarar un poco, puede realizar cambios en cualquier vista, vista parcial o página maestra sin tener que volver a compilar, lo que incluye cualquier C# en línea que haya escrito, no solo HTML. Solo los archivos de clase necesitan recompilarse. –

+0

¡Estás ahí! – chiccodoro

+0

Lo más parecido a un Diseñador en la forma en que los antiguos Diseñadores eran una especie de "meta" - le permitían usar Controles de Diseño de Servidor que manipularían cómo funcionaba el código en sí, en lugar de ser controles procesados ​​por el código - es el Paquete- Comandos de la consola del administrador como Scaffold que generan cosas como vistas de Razor para usted. Podría utilizar estos comandos o similares que escriba para ayudar a los nuevos desarrolladores a comenzar con buenos esquemas para su código. –

5

No, en general, debe intentar mantenerse alejado de 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.

11

Utilizo una ventana del navegador web y establecí el url en mi servidor local en lugar del diseñador. ver> "otras ventanas"> "navegador web". Luego dividí las ventanas verticalmente o horizontaly.

+0

Esto es muy bueno, salvo que a veces aparece un mensaje emergente de error de JavaScript, mientras que no ocurre cuando el proyecto se inició en IE. – anIBMer

+0

Esta es una solución inteligente – hanzolo

2

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

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

me dijeron por alguien de Microsoft "Creo que en Blend para HTML, usando el modo interactivo, que probablemente sería muy bien con el diseño de patrones MVC o MVVM"

También puedes ver Visual Studio Page Inspector que parece que va a hacer lo que se necesita

En Visual Studio 2013 añadió browser link esto permite una 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 tenerlo guardado en Visual Studio

8

yo era capaz de trabajar con el siguiente truco:

  1. cambiar la extensión del archivo de afeitar para .html
  2. Abra el documento
  3. con la extensión de fichero abierto, el cambio documento a .cshtml

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

+2

Total hack, pero me gusta! No lo uso, ¡pero me gustan los trucos! –

2

sé que estoy tarde a la fiesta, pero ..

Puede engañar al IDE como se mencionó anteriormente, pero si usted está construyendo aplicaciones de MVC, usted debe sentirse cómodo en 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á!

Browser Link!

instalar los siguientes y que habrá de oro!

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

Cuestiones relacionadas