¿Dónde está Visual Studio HTML Designer?


94

¿Dónde está Visual Studio HTML Designer? Veo que hay opciones para el Diseñador HTML pero no puedo abrirlo. ¡Hay un nodo de opciones de HTML Designer!

Así que solo quiero preguntar por qué no puedo encontrar al diseñador y cómo lo abro. Cuando creo un archivo HTML, simplemente va al código HTML.

Respuestas:


202

El editor HTML predeterminado (para HTML estático) no tiene una vista de diseño. Para configurar el editor predeterminado en el editor de formularios web que tiene una vista de diseño,

  1. Haga clic derecho en cualquier archivo HTML en el Explorador de soluciones en Visual Studio y haga clic en Open with
  2. Selecciona el HTML (web forms) editor
  3. Haga clic en Set as default
  4. Haga clic en el OKbotón

Una vez que haya hecho eso, todo lo que necesita hacer es hacer clic en designo splitver como se muestra a continuación:

Captura de pantalla que muestra la ubicación de dichas opciones.


1
Ayuda, esto no funcionó para mí, quiero decir, seguí los pasos pero no obtengo las opciones en la parte inferior para Diseño o División. Solo hay una: ¡Fuente!
erotavlas

2
También debe hacerlo en el Explorador de soluciones en Visual Studio, no en el explorador de archivos (Windows). Para uno de mis clientes, tuvimos que crear un proyecto en blanco, crear un archivo HTML en blanco y luego pudimos hacer clic con el botón derecho para ver el menú de apertura correcto
Sam

3
Acabo de convertir el editor de formularios web en predeterminado, pero si intento abrir páginas CSHTML o HTML existentes en mi solución después de hacer esto, las páginas están en blanco y todavía no hay Diseño | Split | Pestañas de origen en la parte inferior. Esto también sucede si utilizo Agregar para agregar un archivo html o cshtml a mi proyecto. Si utilizo el menú Nuevo -> Archivo para crear un archivo HTML, las cosas están bien con Diseño | Spliut | Pestañas de fuente que se muestran en la parte inferior. ¿Qué es esta locura IDE?
Darren Evans

1
Los archivos cshtml de @DarrenEvans no son compatibles con el editor (simplemente cambiarles el nombre a html no va a cambiar eso).
Anthony Nichols

3
Visual Studio 2017 parece estar ignorando esto. Solo muestra "Fuente".
Nicke Manarin

29

Otra forma de configurar el editor de formularios web HTML de forma predeterminada es:

  1. En el menú superior en Visual Studio ir a File> New>File
  2. Seleccione HTML Page
  3. En la esquina inferior derecha del cuadro de diálogo Nuevo archivo en el Openbotón hay una flecha hacia abajo
  4. Haga clic en él y debería ver una opción Open With
  5. Seleccione HTML (Web Forms) Editor
  6. Hacer clic Set as Default
  7. prensa OK

Captura de pantalla que muestra cómo acceder al cuadro de diálogo "Abrir con" al crear un nuevo archivo.


No obtener un "Abrir con" para un nuevo archivo (VS 2015), pero se puede crear, a continuación, en la ventana Explorador de soluciones, puede hacer clic derecho y elegir Open With...a continuación HTML (Web Forms) Editorcomo antes.
kjhf

@kjhf "Abrir con" también está en la nueva VS2015versión. Se ha movido ligeramente por debajo. Lo verá al final delFile Dialog
nam

@cflyer Gracias por compartir su solución, especialmente describiéndola paso a paso junto con una escena. Me ayudó.
nam

7

Vaya a [Herramientas, Opciones], sección "Web Forms Designer" y habilite la opción "Habilitar Web Forms Designer". Eso debería darle la opción Diseño y división nuevamente.


Para mí, esta opción ya estaba habilitada pero eso no hizo que las otras vistas de edición estuvieran disponibles.
JohnC

Gracias, aquí también se encuentra la opción "Dividir vistas verticalmente". Requiere un reinicio para que surta efecto.
UweBaemayr

4

La solución de crear un nuevo archivo HTML con HTML (Web Forms) Designer funcionó para ese archivo, pero no para otros archivos HTML individuales que quería editar.

Encontré la opción Abrir con en el diálogo Abrir archivo y pude seleccionar el Editor HTML (formularios web) allí. Después de hacer clic en la opción "Establecer como predeterminado" en esa ventana, VS recordó usar ese editor cuando abrí otros archivos HTML.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.