Traducido del inglés al español - [Link].

com

Código de estudio visual

Consejos y trucos vol. 1

Primera edición: marzo de 2016, revisión 1 (abril de 2016)

© Microsoft 2016
Reservados todos los derechos. Este documento es sólo para fines informativos.

Microsoft Deutschland GmbH · Konrad-Zuse-Str. 1 · D-85716 Unterschleißheim Tel. +49

(0)89 31760 · [Link] · [Link]

Autores: Tobias Kahlert y Kay Giza · Microsoft Alemania

Editor: Mathias Schiffer
Localización: textoso · [Link] mi1de26

Este libro expresa los puntos de vista y opiniones de los autores.

Este documento siempre actualizado en:[Link]

Contenido

¿Código de estudio visual? ................................................. ................................................. ................................ 4

Prefacio................................................. ................................................. ................................................. 5

¿Qué es Visual Studio Code?................................................ ................................................. ........................ 6

Consejo 1: obtener lo último y lo mejor como experto en VS Code ................................. ................................ 6

Consejo 2: Cursores múltiples ................................................ ................................................. .......................... 8

Consejo 3: usar la paleta de comandos para controlar el código VS ......................... ................................ 8

Consejo 4: Seleccionar un idioma para un archivo ......................... ................................................. ......... 9

Consejo 5: Autoguardado................................................ ................................................. ................................. 10

Consejo 6 – Ocultar carpetas no deseadas ................................. ................................................. ............ 10

Consejo 7: ocultar los resultados de la búsqueda................................ ................................................. ................... 11

Consejo 8: reinsertar coincidencias de expresiones regulares ................................. ................................................. .......... 11

Consejo 9 – Fragmentos de Emmet................................................ ................................................. ........................ 12

Consejo 10 – Acordes de método abreviado de teclado.................................... ................................................. ......... 13

Consejo 11: Vista previa de Markdown................................. ................................................. ................... 14

Consejo 12 – Visualización de selectores CSS.................................... ................................................. ............ 14

Consejo 13: última versión de las dependencias en [Link] ......................... ............................. 15

Consejo 14 – Información de cambio rápido de Git ................................. ................................................. ................. 15

Consejo 15: Actualizar las vistas de Git ................................. ................................................. .................. dieciséis

Consejo 16 – Comparación en línea de Git ................................. ................................................. ................ 17

Consejo 17 – Comparar archivos ................................................ ................................................. ........................ 17

Consejo 18 – Extensiones................................................ ................................................. ................................ 18

Consejo 19: Descubrimiento automático de tareas para Gulp, Grunt y Jake ................................. ........................ 19

Consejo 20: Configurar PHP para Visual Studio Code ........................................ ........................................ 19

Consejo 21 – Parámetros de la línea de comando ................................. ................................................. ....... 20

Soporte de consola para Linux ................................................ ................................................. ................. 20

Consejo 22 – Ubicaciones de almacenamiento ................................. ................................................. ........................ 21

Configuración, atajos de teclado y fragmentos de código ................................. ................................ 21

Extensiones................................................. ................................................. ........................................ 21

Consejo 23: Sincronización de configuraciones y extensiones................................... ........................................ 21

Consejo 24: desactivar los informes de fallos ................................. ................................................. ....... 22

Consejo 25 – Desactivar la telemetría................................................ ................................................. ............ 22

Página2de26
Consejo 26 – Navegar por archivos en el editor ................................. ................................................. ....... 22

Consejo 27: abrir archivos en ventanas del editor dedicado ......................... ................................ 22

Consejo 28 – Personalizar los atajos de teclado................................ ................................................ 23

Consejo 29 – Atajos de teclado favoritos de los autores ................................. ........................................ 24

Consejo 30: cambiar el idioma de la interfaz de usuario ................................. ................................................. .......... 24

Consejo 31: Aplicar el ajuste de texto en el editor ........................................ ................................................ 25

Página3de26
¿Código de estudio visual?
Código de estudio visual proporciona a los desarrolladores una nueva opción de herramienta de desarrollo que combina la
simplicidad y la experiencia optimizada de un editor de código con lo mejor que los desarrolladores necesitan para su ciclo
principal de creación y depuración de código. Visual Studio Code es el primer editor de código y la primera herramienta de
desarrollo multiplataforma (compatible con OS X, Linux y Windows) delFamilia de estudio visual .

En esencia, Visual Studio Code (VS Code) presenta un editor de código potente y rápido ideal para el uso diario. La
versión Beta de Code ya tiene muchas de las características que los desarrolladores necesitan en un editor de código
y texto, incluida navegación, soporte de teclado con enlaces personalizables, resaltado de sintaxis, coincidencia de
corchetes, sangría automática y fragmentos, con soporte para docenas de idiomas.

Para una codificación seria, los desarrolladores a menudo necesitan trabajar con código como algo más que texto. Visual Studio
Code incluye soporte integrado para la finalización de código IntelliSense siempre activo, navegación y comprensión del código
semántico más ricas y refactorización de código. En la versión preliminar, el código incluye soporte integrado enriquecido para el
desarrollo de [Link] Core con C# y el desarrollo de [Link] con TypeScript y JavaScript, impulsado por las mismas tecnologías
subyacentes que impulsan Visual Studio. El código incluye excelentes herramientas para tecnologías web como HTML, CSS, Less,
Sass y JSON. El código también se integra con administradores de paquetes y repositorios, y con compilaciones y otras tareas
comunes para agilizar los flujos de trabajo cotidianos. Y VS Code comprende Git y ofrece excelentes flujos de trabajo de Git y
diferencias de fuentes integradas con el editor.

Pero los desarrolladores no dedican todo su tiempo simplemente a escribir código: van y vienen entre la codificación y la
depuración. La depuración es la característica más popular de Visual Studio y, a menudo, la única característica de un IDE
que los desarrolladores desean en una experiencia de codificación más sencilla. Visual Studio Code incluye una experiencia
de depuración integrada y optimizada, con soporte para la depuración de [Link] y más por venir.

Desde el punto de vista arquitectónico, Visual Studio Code combina lo mejor de las tecnologías web, nativas y específicas del
lenguaje. Utilizando elCarcasa electrónica de GitHub , Visual Studio Code combina tecnologías web como JavaScript y [Link] con
la velocidad y flexibilidad de las aplicaciones nativas. Visual Studio Code utiliza una versión más nueva y más rápida del mismo
editor industrial basado en HTML que ha impulsado el editor en la nube “Monaco”, las herramientas F12 de Internet Explorer y
otros proyectos. Y Visual Studio Code utiliza una arquitectura de servicios de herramientas que le permite utilizar muchas de las
mismas tecnologías que impulsan Visual Studio, incluido Roslyn para .NET, TypeScript, el motor de depuración de Visual Studio y
más. Visual Studio Code incluye un modelo de extensibilidad público que permite a los desarrolladores crear y utilizar
complementos, y personalizar en gran medida su experiencia de edición, creación y depuración.

Si prefiere una herramienta de desarrollo centrada en un editor de código o está creando aplicaciones web y en la
nube multiplataforma, lo invitamos a probar Visual Studio Code y contarnos lo que piensa.

Página4de26
Prefacio
Menos quecinco años Hace poco empezamos a desarrollar los componentes de lo que se convertiría en Visual Studio Code.
Desde el principio fuimos conscientes de que si queríamos crear una herramienta para desarrolladores, debíamos utilizarla
agresivamente nosotros mismos.

Sólo nos llevó cuatro meses comenzar a realizar todo nuestro desarrollo utilizando el predecesor de Code. Había
muchas limitaciones y era bastante duro. Por ejemplo, al principio no teníamos soporte para mouse. Como
equipo, utilizamos la herramienta a diario, algo que llamamos "comer tu propia comida para perros", lo que nos
ayudó a ajustar y mejorar la herramienta continuamente.

Desde que lanzamos una primera versión beta de Code en mayo de 2015, se ha formado una comunidad vibrante con el objetivo

compartido de mejorar Code. Seguimos recibiendo comentarios en informes de errores, tweets y preguntas sobre Stack Overflow, e

intentamos reaccionar a estos comentarios en nuestros lanzamientos mensuales.

Tobias Kahlert yKay Guiza (de Microsoft Alemania) fueron dos de los primeros usuarios de Code y nos han estado
ayudando a responder preguntas de la comunidad desde hace algún tiempo. Este libro electrónico es el siguiente paso
lógico en ese proceso. En esta colección de consejos y trucos, los autores comparten con usted sus experiencias al
utilizar Code.

Mi objetivo es que nuestros usuarios puedan utilizar el código de forma tan productiva como lo hace el equipo central de desarrollo en

su trabajo diario de codificación. En este libro, Tobias y Kay describen docenas de consejos y trucos que te ayudarán a acercarte a este

objetivo.

¡Feliz codificación!

Dr. Erich Gamma

Ingeniero distinguido de Microsoft
Open Tools Group, líder de desarrollo Visual Studio Code Zurich,
marzo de 2016

Acerca de Erich Gamma

Erich Gamma es un ingeniero distinguido de Microsoft y lidera el proyecto Visual Studio Code. Él y su equipo
trabajan en un pequeño laboratorio de desarrollo en Zurich. El equipo también es responsable del editor en
línea Monaco, que se utiliza en muchos productos de Microsoft. Anteriormente trabajó para IBM y fue uno de
los padres de Eclipse y lideraba las herramientas de desarrollo Java de Eclipse. Erich también es miembro de la
Banda de los Cuatro, conocida por su libro clásico, "Patrones de diseño: elementos de software orientado a
objetos reutilizables". Erich ha colaborado con Kent Beck en el desarrollo de JUnit, la herramienta de prueba
estándar de facto para software Java.

Página5de26
¿Qué es el código de Visual Studio?

Visual Studio Code (VS Code) es un código abierto gratuitoeditor de códigopara desarrollar y depurar
aplicaciones web y en la nube modernas que está disponible de forma gratuita en Linux, OS X y Windows. VS
Code admite más de 30 lenguajes de programación, marcado y bases de datos diferentes, algunos de los cuales
son JavaScript, C#, C++, PHP, Java, HTML, R, CSS, SQL, Markdown, TypeScript, Less, Sass, JSON, XML y Python.

El veloz editor no sólo satisface a los desarrolladores con la depuración integrada (incluidas las aplicaciones [Link] 5 y
[Link]): incluso la compatibilidad con Git está disponible con solo presionar un botón. Numerosos atajos de teclado se
ocupan de su productividad en el trabajo.

A diferencia de Visual Studio 2015 y sus predecesores, Visual Studio Code no funciona con archivos de proyecto, sino
con archivos y carpetas. El medio ambiente puede enriquecerse de forma flexible mediante el uso de Extensiones que
permanecen independientes del sistema operativo subyacente. El código realmente califica como elcomplemento
perfecto para las herramientas de desarrollo preferidas.

Gracias a la funcionalidad de actualización integrada, Visual Studio Code está siempre actualizado. Los ciclos de actualización
mensuales reflejan un avance dinámico que se impulsa en paralelo para todas las plataformas compatibles. Y paraExpertos en
código de Visual Studio , incluso hay una edición de vista previa de funciones disponible que puede coexistir de forma segura
con la compilación normal en la misma máquina.

Un par de notas sobre el libro electrónico

Este libro electrónico se lanzó al público en marzo de 2016. El equipo de desarrollo está mejorando y ampliando Visual
Studio Code día a día y actualizando las instalaciones existentes mensualmente. Incluso para un libro electrónico, es
difícil seguir el ritmo. Es por eso que, según sus comentarios, estamos planeandotransferir este libro a GitHub , para
que ustedes, nuestros valiosos lectores, puedan contribuir con sugerencias nuevas y existentes para Visual Studio Code.
Por favor, dinos lo que piensas.

Si es usuario de Mac o Linux, también nos gustaría informarle que este libro ha sido escrito basándose en
Windows y sus combinaciones de teclas. Encuentre por favortodos los atajos de teclado para tu sistema
operativo en [Link].

Finalmente, nos gustaría sugerirle que visite el sitio web del equipo de VS Code yúltima colección de consejos y trucos
para Visual Studio Code , ya que nunca se saben suficientes consejos y trucos. Quizás también quieras consultar el
libro de Valerii [Link] con paquetes de código y recursos para VS Code : ¡Lo recomendamos!

Página6de26
Consejo 1: obtener lo último y lo mejor como experto en VS Code
Visual Studio es un proyecto de código abierto en constante desarrollo. Aunque los cambios se están documentando
en un repositorio público en[Link] , se necesita tiempo antes de que las nuevas
funciones lleguen al próximo lanzamiento público.

Si desea trabajar con versiones preliminares de VS Code, también puede instalar la compilación Insiders. Es una
aplicación aislada con sus propias configuraciones y extensiones que coexisten con la compilación normal en su
máquina. Esto le permite probar las funciones más recientes pero aún así cambiar a la versión pública en caso de que
algo no funcione correctamente.

Puede descargar la compilación de Insiders desde[Link] .

#VisualStudioCodeInsiders

Página7de26
Consejo 2: varios cursores
Visual Studio te permite trabajar en diferentes secciones de un archivo al mismo tiempo. Esto puede resultar útil
cuando necesite realizar muchos cambios idénticos. Para crear un nuevo cursor, simplemente haga clic en el

área respectiva en el editor de texto mientras mantiene presionado el botó[Link]. A partir de ese momento, cualquier
entrada del teclado se aplicará a todas las posiciones del cursor. También es posible seleccionar varias secciones en su código.

Consejo 3: usar la paleta de comandos para controlar el código VS

Cuando utilice Visual Studio Code, difícilmente podrá evitar la paleta de comandos. Por lo general, se accede
presionandoF1para habilitar las entradas de comandos. Aún así, puede hacer mucho más.

Si observas de cerca, notarás la„>“en la línea de comando después de presionarF1. Esto se debe a que la primera
letra o palabra determinará el modo de entrada. Empezando con„>“establece la paleta en modo comando.

PrensaCtrl+Psi desea abrir la paleta sin ninguna entrada preestablecida, lo que lo lleva al modo de navegación:
inicialmente muestra una lista de archivos abiertos. Al ingresar un par de letras, se filtran los archivos abiertos y los
archivos en las carpetas abiertas para su visualización. Esta es una forma sencilla de saltar rápidamente entre archivos.
Si está dentro de un proyecto que admite IntelliSense, esta funcionalidad incluso busca símbolos detectados.

Los modos adicionales le permiten controlar muchas áreas de VS Code. Puede mostrar una lista de todas las
combinaciones ingresando"?". Realmente vale la pena memorizar y utilizar las distintas opciones. A menudo le
ayudan a mantener la mano alejada del ratón, mejorando así su productividad.

Página8de26
Consejo 4: seleccionar un idioma para un archivo

De vez en cuando, es posible que VS Code no reconozca el idioma de un archivo abierto. A menudo, esto sucede al
crear un archivo nuevo o cuando el nombre de un archivo no viene con una extensión de archivo.

VS Code admite resaltado de sintaxis para muchos lenguajes de programación. No hacer uso de esto sería una lástima.
Para seleccionar un idioma para el archivo activo, ejecute el comandoCambiar modo de idioma o haga clic en el área de
idioma actual de la barra de estado en la esquina inferior derecha, lo que abrirá una lista de idiomas disponibles para
realizar una selección.

Página9de26
Existe otro caso en el que VS Code podría no reconocer el idioma de un archivo: es decir, si no se ha asociado
ningún idioma al sufijo del nombre del archivo. Puede crear la asociación que falta en la lista Seleccionar
modo de idioma.

Consejo 5: guardado automático

VS Code admite el guardado automático. Esta función guarda automáticamente el documento actual después de cada cambio. Esto es

especialmente útil para archivos relacionados con la web. No es necesario hacer clic en Guardar y aún así todos los archivos estarán

actualizados al hacer clic en Actualizar en el navegador. Tenga cuidado al utilizar tareas automatizadas que se repiten cuando un archivo

cambia (por ejemplo, transpilar TypeScript a JavaScript), ya que esto puede provocar grandes cargas de CPU.

Autoguardado se puede activar y desactivar en la configuración usando la opción"[Link]". También es posible retrasar

las operaciones de Autoguardado durante un período de tiempo específico configurando"[Link]"a "después del

retraso"y configuración"[Link]"al retraso deseado en milisegundos, por ejemplo:

"[Link]": "afterDelay"
"[Link]": 1000

Consejo 6: ocultar carpetas no deseadas

Si tiene archivos o carpetas que nunca editará dentro de las carpetas abiertas, puede ocultar esos archivos o
carpetas en la vista del explorador. Un ejemplo sería elmódulos_nodocarpeta en un proyecto [Link].

Para ocultar el archivo, carpeta o cualquier patrón, debe hacer referencia a ellos en el"[Link]"opción en la configuración

global o del espacio de trabajo. Utilice la configuración del espacio de trabajo para ocultar esas entradas solo dentro del proyecto

activo.

Página10de26
Abrir la configuración del espacio de trabajo es tan fácil como ejecutar el comandoPreferencias: Abrir configuración del espacio de

trabajo. Si aún no hay un archivo de configuración del espacio de trabajo, VS Code lo creará automáticamente.

Un ejemplo útil de uso de patrones es ocultar los recursos de JacaScript generados a partir de TypeScript:

"[Link]": {
"**/*.js": { "cuando": "$(nombrebase).ts"}
}

Consejo 7: ocultar los resultados de la búsqueda

Visual Studio ofrece una función de búsqueda ordenada que incorpora todos los archivos activos. Al recorrer los resultados de la
búsqueda, puede resultar útil ocultar los resultados de esa lista para los archivos que ya ha verificado. Si es necesario modificar
áreas dentro de los archivos encontrados, esto puede ayudar a vigilar las áreas que ya tocó. Debajo de cada nombre de archivo,
VS Code muestra el número de resultados de búsqueda dentro de ese archivo. Si pasa el puntero del mouse sobre ese número,
verá aparecer una cruz en la que puede hacer clic para ocultar ese nombre de archivo de la lista.

Todos los archivos aparecerán nuevamente en la lista después de ejecutar otra búsqueda.

Consejo 8: reinsertar coincidencias de expresiones regulares

La funcionalidad de búsqueda de Visual Studio Code admite expresiones regulares. Esto le permite encontrar no sólo texto,
sino también construcciones sintácticas completas. Sin embargo, su verdadero poder reside en combinarlo con la función de
reemplazo, que no sólo inserta texto estático, sino que también puede relacionarse con los resultados de la búsqueda de
expresiones regulares.

Página11de26
Utilice corchetes para definir grupos dentro de expresiones regulares. Se puede hacer referencia a los fragmentos de texto
que se encuentran para estos grupos utilizando$1,$2,$3, … en el texto que se sustituirá.

Si, por ejemplo, desea que todas las expresiones de cadena estén entre comillas dobles, ingrese017en el cuadro
de texto de búsqueda y"$1"en el cuadro de texto de reemplazo. La primera expresión busca todas las
expresiones de cadena entre comillas simples, y el contenido entre las comillas se define como grupo 1. La
segunda expresión reemplaza todo el fragmento de texto con dos comillas dobles y el contenido de la
expresión de cadena original (el valor del grupo 1 ) entre.

Nota: Si desea utilizar el signo de dólar como término, simplemente utilice dos de ellos posteriormente ($$).

Consejo 9: fragmentos de Emmet

A pesar de su buena legibilidad, HTML y XML suelen ser difíciles de escribir. Para acelerar la creación de dichos
documentos, VS Code admite fragmentos de Emmet. Los fragmentos de Emmet son expresiones similares a CSS que
se convierten, por ejemplo, a HTML o XML después de presionar la tecla tab.

En su forma más sencilla, sólo se crearía un elemento. Si por ejemplo escribes„HTML“a un archivo que VS
Code reconoce como un archivo HTML, y presiona la tecla tab dos veces después de eso, este texto se
reemplaza con„<html></html>“. El cursor se coloca entre las dos etiquetas.

Pero los fragmentos de Emmet pueden hacer más. Hay un grupo de construcciones que son compatibles con los fragmentos de
Emmet: si presiona la tecla tab después de ingresar„li*5“, VS Code insertará cinco„<li></li>“fragmentos. Encuentre todo tipo de
construcciones de Emmet en[Link]

Página12de26
Además de HTML y XML, VS Code también admite formatos adicionales, actualmente estos incluyen
Razor, CSS, Less, SCSS, XSL, Jade, Manillar, HBS, JSX y TSX.

Consejo 10: acordes de método abreviado de teclado

Al igual que Visual Studio, Visual Studio Code admite acordes de atajos de teclado: el editor está esperando un
segundo atajo de teclado después de que se haya ingresado el primer atajo de teclado. Esto permite agrupar
comandos similares.

Como ejemplo, podría cambiar la búsqueda en un archivo deCtrl+FaCtrl+F Ctrl+Fy la búsqueda global en todos los archivos
paraCtrl+F Ctrl+G. Encombinaciones de [Link], los atajos de teclado para el acorde deben estar separados mediante un
espacio en blanco.

Página13de26
Visual Studio Code está esperando entradas adicionales después de que se haya aplicado el primer atajo de un acorde.
Encontrarás esto referenciado en la barra de estado como„(Ctrl+F) fue presionado. Esperando la segunda clave del
acorde ".

Consejo 11: vista previa de rebajas

Markdown es un lenguaje de marcado simple para crear texto formateado. Incluso si Markdown es bien legible en su
forma original, es mucho más fácil de leer cuando se muestra como un documento con el formato adecuado,
especialmente en lo que respecta a recursos externos como imágenes y demás.

Visual Studio ofrece una función de vista previa de rebajas que se puede abrir debajo del texto. VS Code utiliza
GitHub Flavored Markdown, que ofrece funciones adicionales sobre el formato de rebajas original. Esto resulta
útil especialmente para los documentos "léame" de GitHub.

UsandoCtrl+Mayús+V, puede cambiar entre Markdown y Vista previa. el acordeCtrl+K, Vabre la vista
previa al [Link]+Zalterna el ajuste de palabras, que también se puede hacer usando elVistamenú.

Consejo 12: visualización de selectores CSS

Los selectores de CSS preceden a cualquier cláusula de CSS. Definen qué elementos HTML diseñar con las propiedades
posteriores. Los selectores pueden volverse bastante complicados, y ya sea porque a veces es posible que no estés muy
familiarizado con uno de ellos que utilizas con menos frecuencia.

Visual Studio Code resuelve este problema presentando una vista previa del selector actual que muestra cómo
deberían ser los elementos HTML para ser cubiertos por el selector.

Página14de26
Consejo 13: última versión de las dependencias en [Link]
Al trabajar en un proyecto [Link],[Link] un par de secciones que definen las
dependencias. Para cada dependencia, se deben especificar uno o más números de versión.

VS Code le permite mostrar información del módulo. Simplemente mueva el puntero del mouse sobre una de las
dependencias para mostrar el nombre, una breve descripción y el número de versión más reciente de ese módulo.

Puede agregar nuevas dependencias para módulos usandoCtrl+barra espaciadora.

Consejo 14: información de cambio rápido de Git

Cuando se trabaja con un repositorio Git, VS Code ofrece una forma sencilla de comparar la versión en la
que está trabajando con la actual en el repositorio usando Git Compare View.

VS Code incluso muestra cambios de código cuando simplemente se edita un archivo que está bajo control de código fuente de
Git. En el lado izquierdo del editor, justo entre los números de fila y el código, encontrará indicadores para filas nuevas,
eliminadas y modificadas.

Página15de26
 - Línea verde: Se han agregado filas con marcadores verdes. Se han
- Línea azul: modificado filas con marcadores azules. Una flecha
- Flecha roja: roja indica que se ha eliminado una fila.

Puede cambiar a la Vista de cambios haciendo clic en elCambiar a la vista de cambiosicono.

Consejo 15: Actualizar vistas de Git

Visual Studio Code utiliza el programa externo Git para realizar un seguimiento de los cambios en un directorio público de Git. A veces

te encontrarás con una vista que no está del todo actualizada o incluso desordenada. Para actualizar una vista desordenada, use los

íconos de actualización ubicados en el encabezado de Git o en la barra de estado.

Páginadieciséisde26
Consejo 16: Comparación en línea de Git

Hacer que Visual Studio Code muestre los cambios en un archivo en comparación con la versión actual de Git abre una vista
que muestra los cambios uno al lado del otro.

Pero Visual Studio también ofrece una forma de mostrar todos los cambios en una única ventana de código: use el
submenúCambiar a vista en líneadesde el encabezado“…”menú para llegar a la comparación en línea de Git.

Simplemente use el mismo elemento del menú nuevamente para volver a la vista en paralelo.

Consejo 17: Comparar archivos

VS Code ofrece una excelente ventana gráfica para comparar dos archivos. A menudo obtendrás esta vista cuando uses Git con VS

Code. Si hace clic en el nombre de un archivo dentro del área de Git, se muestran todas las modificaciones realizadas al archivo

anterior.

Pero VS Code puede hacer más que eso. De hecho, puede comparar cualquier archivo con cualquier otro archivo. Puede
iniciar la vista comparativa utilizando la paleta de comandos o el menú contextual del área del explorador. Para la paleta
de comandos, ejecutaArchivos: Comparar archivo activo con...y elija un archivo que desee comparar con el archivo
abierto actualmente. Para tomar la ruta del menú contextual, active el menú contextual de un archivo en la vista del
explorador y haga clic enSeleccionar para comparar. Si posteriormente activa el menú contextual

Página17de26
para otro archivo, puede hacer clic enComparar con ‚<Primer archivo>'. Cualquiera de las dos opciones inicia la vista de
comparación.

Consejo 18 – Extensiones

Visual Studio Code viene con un montón de funciones integradas. Pero la mejor de todas las funciones es crear
nuevas funciones y compartirlas fácilmente con el resto del mundo: Extensiones. Las extensiones se están
desarrollando con TypeScript de JavaScript, se pueden compartir en Visual Studio Code Marketplace. Luego,
otros usuarios pueden buscar en Marketplace e instalar las extensiones disponibles con solo unos pocos clics
del mouse. De esta manera, VS Code puede ser ampliado por terceros.

Todas las extensiones se pueden consultar en[Link] y están listos para ser
instalados simplemente ejecutandoExtensión: Instalar extensión.

Información adicional sobre Extensiones está disponible en [Link]

extension-gallery . Lo mejor de las extensiones es

Página18de26
de lo que puedes crearlos tú mismo. Tenemos información detallada al respecto, incluida orientación
para desarrolladores y ejemplos, en[Link] .

Consejo 19: Descubrimiento automático de tareas para Gulp, Grunt y Jake

Las tareas permiten a Visual Studio Code ejecutar todo tipo de aplicaciones externas. Para que estén disponibles
desde la paleta de comandos, las tareas deben enumerarse [Link]/[Link] sus respectivos
parámetros y opciones.

Sin embargo, si estás trabajando en un proyecto [Link] usando Gulp, Grunt o Jake, VS Code puede detectar automáticamente
todas las tareas definidas por ellos, liberándote de tener que crear un proyecto [Link]. Puedes simplemente
ejecutarTareas: ejecutar tareapara mostrar una lista de tareas disponibles para que usted elija.

Consejo 20: Configuración de PHP para Visual Studio Code

Visual Studio Code admite el resaltado de sintaxis para PHP, incluidos textos de ayuda e información de
parámetros para muchas de sus funciones.

Pero VS Code también puede validar el código fuente y mostrar errores en vivo. Esto requiere que se configure la ruta a
un intérprete PHP. Recibirá una advertencia adecuada después de abrir un archivo PHP si aún no lo ha hecho:“No se
puede validar el archivo php. No se encontró el programa php. Utilice la configuración
'[Link]' para configurar la ubicación de 'php'”.

Si aún no tienes PHP instalado en tu máquina, puedes descargarlo desde [Link] e instálelo (es
decir, copie los archivos comprimidos) localmente. La carpeta de destino ahora debería contener [Link] (para
Windows). Debe proporcionar la ruta a este archivo como valor para la configuración de Visual Studio Code"
[Link]".

Página19de26
Ahora, abrir un archivo PHP debería mostrar los errores.

Sugerencia: Para poder depurar PHP con VS Code, instale la siguiente extensión desde Marketplace: Adaptador de
depuración PHP para Visual Studio Code.

Consejo 21 – Parámetros de la línea de comando

Durante la instalación, Visual Studio Code se agrega a la variable de entorno PATH para que pueda iniciarlo desde la
consola simplemente escribiendocódigo. Esto resulta útil, entre otros ejemplos, cuando necesitas abrir código creado
por otros programas. Solo escribiendocódigoSin embargo, se inicia un editor de código VS vacío. A continuación se
enumeran los parámetros disponibles para la llamada.

En primer lugar, VS Code considera los parámetros como rutas a archivos y carpetas. Se abren en una nueva
ventana de VS Code. Si especifica varias carpetas, se generarán varias instancias de VS Code. Puede incluir
opciones específicas antes, dentro o después de los parámetros de ruta. Estos son los más comunes:

- r, --reutilizar-ventana Abre los archivos especificados en una instancia de VS Code existente si es posible (o
inicia una nueva en caso contrario).
- n, --nueva-ventana Obliga a VS Code a lanzar una nueva instancia de todos modos.

- g, --goto Archivos pasados en el formato.„RutaAlArchivo:Fila:Columna“se

abren con el cursor colocado en la fila y columna especificadas.
- - desactivar-extensiones Inicia VS Code sin cargar ninguna extensión.
- - detallado Tener información de depuración de salida de VS Code. Abra

- - diff <archivo1> <archivo2> una vista de diferencias para los dos archivos.

Soporte de consola para Linux

Para poder iniciar Visual Studio Code desde una consola en Linux, deberá crear un enlace simbólico
desde/usr/local/bin/códigoal ejecutable de VS Code. Puedes lograr esto usando el siguiente comando:

sudo ln -s /ruta/a/vscode/Code /usr/local/bin/code

Página20de26
Consejo 22: ubicaciones de almacenamiento

Visual Studio guarda archivos en diferentes ubicaciones dentro del sistema de archivos. Puede resultar útil saber
qué se almacena y dónde.

Configuración, atajos de teclado y fragmentos de código

Se puede acceder fácilmente a la configuración de VS Code mediante la paleta de comandos. Están siendo almacenados en

configuració[Link]. Dependiendo del sistema operativo que utilice, este archivo se puede encontrar en diferentes ubicaciones. En

esta carpeta, además encontrarácombinaciones de [Link] esta ubicación, y también una carpeta llamadafragmentosque es

el almacenamiento del usuario que contiene fragmentos de código para los respectivos idiomas.

- ventanas:%APPDATA%\Código\Usuario\
- Mac: $HOME/Biblioteca/Soporte de aplicaciones/Código/Usuario/

- Linux: $HOME/.config/Código/Usuario/

Si está utilizando la versión Insiders, opte por%APPDATA%\Code [Link]-insiders.

Extensiones
Las extensiones se almacenan en una carpeta específica. Cualquier extensión tiene su propia subcarpeta que lleva el nombre del
título de la extensión y el nombre de su autor. Al iniciarse, Visual Studio Code busca esta carpeta para cargar todas las
extensiones almacenadas en ella. Eso significa que instalar una extensión no requiere más que simplemente mover o copiar la
carpeta de la extensión a la carpeta de extensiones de VS Code:

- ventanas:%PERFIL DE USUARIO%\.vscode\extensions\
- Mac: $HOME/.vscode/extensiones
- Linux: $HOME/.vscode/extensiones

Consejo 23: Sincronización de configuraciones y extensiones

Visual Studio Code no viene de forma nativa con una funcionalidad que admita la sincronización de configuraciones y
extensiones instaladas entre máquinas. Pero como todas las configuraciones se almacenan en archivos y carpetas,
basta con sincronizarlas.

Servicios como OneDrive o Dropbox pueden proporcionar almacenamiento independiente de la máquina al que se puede acceder desde

cualquier lugar. Una manera sencilla es reemplazar las carpetas mencionadas en el consejo 22 con carpetas nuevas y sincronizadas. Por

supuesto, primero deberías mover todas las configuraciones y Extensiones a esas nuevas carpetas. La creación de enlaces para ellos se

puede hacer fácilmente usando la consola:

- ventanas: mklink /d <Carpeta-VSCode> <Carpeta-sincronizada> ln

- Mac y Linux: -s <Carpeta-sincronizada> <Carpeta-VSCode>

Otra forma aún más sencilla de realizar la tarea de sincronización es utilizar la extensiónSincronización de
configuración de código de Visual Studio de Visual Studio Marketplace que aprovecha GitHub GIST.

Página21de26
Consejo 24: desactivar los informes de fallos

Cuando Visual Studio Code falla, crea un informe que se envía a Microsoft para ayudar a mejorar el
producto. Si prefiere no crear ni transferir dicho informe, puede establecer el valor de opción de
"telemetrí[Link]"en tu configuración paraFALSO. Es necesario reiniciar VS Code para
que el cambio surta efecto.

Consejo 25 – Desactivar la telemetría

VS Code recopila datos sobre cómo se utiliza. Estos datos se envían a Microsoft, donde se utilizan de forma
anónima para mejorar VS Code. Si prefiere no transferir dichos datos telemétricos, puede desactivar la telemetría
por completo en su configuración. Encontrar"[Link]": verdaderoy cópialo a tu gusto
configuració[Link] un valor modificado como"[Link]": falso. Es necesario reiniciar VS
Code para que el cambio surta efecto.

Consejo 26: navegar por archivos en el editor

El editor de VS Code es una herramienta poderosa que muestra su fortaleza especialmente cuando se usaatajos de
teclado . Muchos de los accesos directos existentes se pueden recuperar desde el menú de VS Code, donde se enumeran
justo al lado de los títulos de los elementos del menú, y desde la paleta de comandos después de presionar Ctrl+Mayús+P
.

Un atajo especial esCtrl+E(que puede usarse como sinónimo deCtrl+Tab): Abre una lista de archivos usados
recientemente que se pueden abrir en el editor de código actual. Navegar por esta lista se hace fácilmente mediante el
uso repetitivo del acceso directo mientras se mantiene elControltecla hacia abajo. Además presione elCambiopara
recorrer la lista en dirección opuesta. Como alternativa, también puedes utilizar las teclas de flecha del teclado
mientras elControlLa tecla permanece presionada.

Consejo 27: abrir archivos en ventanas del editor dedicado

VS Code admite la apertura de archivos en una ventana de editor adicional al lado de la existente (“al lado”). Para hacerlo, simplemente

mantenga presionado el botónControlmientras hace clic en el nombre de un archivo en el área del explorador. Las listas de archivos

vienen con un ícono a la derecha que aparece para los elementos seleccionados en la lista, lo que produce el mismo efecto.

Para abrir la definición de un término seleccionado al lado, use el acorde del tecladoCtrl+K, F12.

Página22de26
Puede navegar directamente a cualquiera de las tres ventanas del editor usandoCtrl+1,Ctrl+2yCtrl+3. Puedes
cerrar cualquiera de esas ventanas usandoCtrl+W.

Para cambiar el foco a la ventana del editor y viceversa, por ejemplo, desde la ventana del explorador o la ventana de
búsqueda y viceversa, presioneCtrl+B.

Consejo 28: personalizar los atajos de teclado

Usar atajos de teclado te hace mucho más productivo que tener que usar frecuentemente el mouse y
levantar la mano del teclado. Encontrará los métodos abreviados de teclado de Visual Studio Code más
importantes para su sistema operativo en
[Link] .

A menos que esté usando una distribución de teclado de EE. UU., lea atentamente la información de esa página sobre
distribuciones de teclado internacionales: si bien Visual Studio Code muestra los métodos abreviados de teclado correctos para
su distribución de teclado, siempre usa una distribución de teclado de EE. UU. internamente. Esto también se aplica al archivo.
combinaciones de [Link] define los atajos de teclado. Cuando haya una diferencia entre la distribución del teclado,
verá un círculo azul con una "i" blanca en él. Al pasar el puntero del mouse sobre él, se mostrará una pista sobre las teclas
correctas para su teclado.

La forma más sencilla de crear tu propio atajo de teclado es utilizar el acorde del [Link]+K, Ctrl+K. Después de ingresar el
método abreviado de teclado que desee y presionar el botóningresarclave, se le presentará una nuevacombinaciones de
[Link] para ese atajo. Aún tendrás que establecer valores paradominioycuando para definir el comportamiento de
su nuevo método abreviado de teclado.

Echando un vistazo a los atajos de teclado predeterminados haciendo clicArchivo|Preferencias|Atajos de teclado

proporcionará ejemplos útiles. Desplácese hacia abajo en el archivo para descubrir muchos comandos que aún no se han
asociado a atajos de teclado en la configuración predeterminada de VS Code. Es posible que termines queriendo usar algunos
de ellos.

Página23de26
Consejo 29: atajos de teclado favoritos de los autores

De los muchos atajos de teclado disponibles, los autores han descubierto que utilizan continuamente
un buen par de ellos para acelerar sus tareas. Algunos de ellos son (para Windows):

- Alt+Z Alternar ajuste de palabras

- Ctrl+P Apertura rápida

- Ctrl+Tab Navegar por archivos recientes

- Ctrl+1/2/3 Enfocar primer/segundo/tercer editor

- Ctrl+W Cerrar editor activo
- Ctrl+/ Comentar líneas de entrada/salida

- Ctrl+Mayús+K Eliminar líneas

- Ctrl+Clic Abrir archivo desde el Explorador hacia el lado Buscar entre

- Alt+C mayúsculas y minúsculas

- Alt+W Encuentra la palabra completa

- Ctrl+K, F12 Abrir declaraciones al lado Agregar selección a la

- Ctrl+D siguiente búsqueda de coincidencia Mover selección a

- Ctrl+K, Ctrl+D la siguiente búsqueda de coincidencia Mover línea

- Alt+Abajo hacia abajo

- ALT+Arriba Mover alineación

Consejo 30: cambiar el idioma de la interfaz de usuario

El idioma de la interfaz de usuario de Visual Studio Code se adhiere a la configuración de su escritorio, siempre que sean configuraciones locales

compatibles con VS Code (si no es así, la interfaz de usuario se mostrará utilizando la configuración regional de EE. UU.).

Muchos desarrolladores fuera de EE. UU. están acostumbrados a utilizar interfaces de usuario en inglés estadounidense en sus

entornos de desarrollo mientras tienen sus escritorios configurados para usar su idioma y configuración locales. Es posible que tenga

motivos adicionales o de otro tipo para cambiar el idioma de la interfaz de usuario de VS Code. Afortunadamente, no es necesario

cambiar todo el escritorio a la configuración regional deseada, ya que VS Code viene con una configuración que controla el idioma de la

interfaz de usuario.

Para iniciar Visual Studio Code en un idioma (compatible) de su elección, editeconfiguración [Link]
puedes abrir presionando F1 y ejecutandoConfigurar idioma. Establecer el valor para"lugar"al ID local deseado (
"en-us"para los EE. UU.,"de-de"para Alemania,"fr-fr"para Francia, etc.). Es necesario reiniciar VS Code para que el
cambio surta efecto.

Página24de26
Consejo 31: hacer cumplir el ajuste de palabras en el editor

UsandoAlt+Zen un editor alterna Word Wrap, asegurándose de que no se pierda ningún texto en líneas largas que se
extienden más allá del área visible de su editor. Pero ¿qué pasa si quieres que esa configuración sea permanente?

VS Code tiene una configuración enconfiguració[Link] se encarga de la longitud de la línea en el editor: el valor predeterminado para

"[Link]"es 300, lo que significa que una línea larga no terminará antes de exceder los 300 caracteres.

¿Qué valor es más adecuado para evitar que el texto se oculte en líneas largas, dado que las ventanas de su editor
difieren en ancho en diferentes escenarios? La solución es usar 0 como valor: se encarga del ajuste de texto
permanente en su editor. Al guardar el archivo se activa inmediatamente la nueva configuración.

Página25de26
Código de Visual Studio: consejos y trucos vol. 1

Primera edición: marzo de 2016, revisión 1 (abril de

2016) © Copyright 2016 - Microsoft Deutschland GmbH
Reservados todos los derechos. Este documento es sólo para fines informativos. Este
libro expresa los puntos de vista y opiniones de los autores.
Este documento siempre actualizado en:[Link]
Autores: Tobias Kahlert y Kay Giza

Kay Guiza Tobias Kahlert

- Gerente de Evangelismo de - Prácticas en Visual Studio Audience

Audiencia Microsoft Alemania Marketing-Team Microsoft Alemania hasta
marzo de 2016
- Blog:[Link] Gorjeo: - Gorjeo:[Link]
- [Link] XING:Kay - Perfil de Microsoft [Link]: Tobias
- Guiza Kahlert
- LinkedIn:Kay Guiza - XING:Tobias Kahlert

Página26de26