vscode visual studio instalar configurar color code autocompletar visual-studio-2010 xaml visual-studio-2012 visual-studio-2013 visual-studio-2015

visual-studio-2010 - instalar - install emmet visual studio code



¿Puedo separar el Panel de diseño del Panel XAML en Visual Studio? (4)

¿Es posible separar la ventana de WPF que estoy diseñando de su código XAML? Al hacer doble clic en cualquier archivo XAML, se abrirá y mostrará tanto el código XAML como la ventana de WPF en una ventana, dividiéndolos horizontal o verticalmente, pero aún así ambos están en una ventana. Tengo 4 monitores, y el código XAML que escribo tiene líneas largas, por lo que me gustaría editar el código XAML en un solo monitor y ver la ventana WPF en otro, pero dividirlos en dos ventanas diferentes no parece posible.

Un par de soluciones pésimas que puedo hacer pero no me gustan son:

  1. Desacople todo el editor XAML con el diseñador, luego cambie el tamaño de esa ventana en dos monitores para que el código XAML esté en un monitor y la ventana WPF en otro.
  2. Use "Abrir con ..." para abrir un segundo editor del mismo documento XAML, pero luego el resaltado del código y el resaltado de la ventana WPF no están sincronizados.

Entonces, ¿es posible dividirlos? ¿O tal vez tienes una mejor solución que la mía?


Haga clic en el botón de flecha doble que está en el lado derecho del código XML.

Al hacer clic en una de estas opciones se separará el XAML y el Diseño en dos paneles separados dentro de la misma ventana. A partir de ahí, los paneles se pueden alternar.

Para restaurar a la configuración original, haga clic en el botón doble flecha >> nuevamente.

Estas opciones se destacan a continuación:


Si tiene dos pantallas, divida la ventana del diseñador verticalmente, desactive la ventana del estudio visual y luego cambie el tamaño de la ventana para que el ancho se extienda por sus pantallas duales.


Tuve el mismo problema, entonces encontré una manera de separarlo así,

  • Haga clic derecho en el archivo XAML en el explorador de soluciones y seleccione Abrir con ;
  • seleccione el Editor del Código fuente (Texto) (en lugar del editor XML (Texto) ).

Esto crea una pestaña separada para el editor de fuente XAML, simplemente desacóplelo y cree una nueva ventana.


Visual Studio 2017 tiene un nuevo modo ''Editar y continuar'' para XAML que es realmente increíble y para mí ha eliminado la necesidad de esta funcionalidad de "división".

https://blogs.msdn.microsoft.com/visualstudio/2016/04/06/ui-development-made-easier-with-xaml-edit-continue/

Puede escribir literalmente el XAML y hacer que la aplicación en ejecución se actualice al instante, así que colóquela en la pantalla que desee.

La edición de mi Visual Studio para XAML se volvió súper súper lenta y ahora las actualizaciones son instantáneas y ocurren dentro de la aplicación en ejecución real, lo que hará que el desarrollo sea mucho más rápido.