edición evolved vscode

16
﴾/﴿ Código VS 0.7.0 está disponible. Echa un vistazo a las nuevas características ﴾/updates﴿ y actualizar ﴾/docs/howtoupdate﴿ ahora. × TEMAS Edición Evolved Tweet 0 0 Like Edición Evolved Visual Studio Code cuenta con un editor de código batalla probado que tiene la mayoría de las características estándar de la industria, pero también tiene algunas delicias. Hemos estado utilizando para construir Código VS y esperamos que te va a encantar también. Este tema le guiará a través de algunas de las características notables del editor de código. Coincidente Soporte Soportes correspondientes se resaltarán en cuanto el cursor se encuentra cerca de uno de ellos. El soporte de la derecha siempre se encontrará, sin importar idiomas incrustados. Consejo: Usted puede saltar al soporte a juego con Ctrl + Mayús +] Selección y Multi‐cursor

Upload: angeljuarezcastillo

Post on 11-Dec-2015

32 views

Category:

Documents


2 download

DESCRIPTION

Pequeño maual de VSCODE

TRANSCRIPT

Page 1: Edición Evolved VSCODE

﴾/﴿

Código VS 0.7.0 está disponible. Echa un vistazo a las nuevas características ﴾/updates﴿ y actualizar ﴾/docs/howtoupdate﴿ahora.

×

TEMAS Edición Evolved Tweet 0 0Like

Edición EvolvedVisual Studio Code cuenta con un editor de código batalla probado que tiene la mayoría de las características estándar de la industria, perotambién tiene algunas delicias. Hemos estado utilizando para construir Código VS y esperamos que te va a encantar también. Este tema leguiará a través de algunas de las características notables del editor de código.

Coincidente SoporteSoportes correspondientes se resaltarán en cuanto el cursor se encuentra cerca de uno de ellos. El soporte de la derecha siempre se encontrará,sin importar idiomas incrustados.

Consejo: Usted puede saltar al soporte a juego con Ctrl + Mayús +]

Selección y Multi‐cursor

Page 2: Edición Evolved VSCODE

Código VS tiene soporte para múltiples cursores. Puede añadir cursores secundarios ﴾más delgadas prestados﴿ con Alt + clic . Cada cursorfunciona basándose de forma independiente en el contexto que se encuentra. La forma más común de añadir más cursores está con Ctrl +Alt + Abajo o Ctrl + Alt + Arriba cursores que insertan debajo o por encima.

Ctrl + D selecciona la palabra en el cursor, o la siguiente aparición de la selección actual. Ctrl + K Ctrl + D mueve el cursor último añadidoa la próxima aparición de la selección actual.

Consejo: Puede añadir más cursores también con Ctrl + Shift + L , que se sumará una selección en cadaaparición del texto seleccionado actual o con Ctrl + F2 , que se sumará una selección en cada aparición dela palabra actual.

Reducir / ampliar la selecciónRápidamente reducir o ampliar la selección actual ﴾se aplica a todos los idiomas﴿. Dispare con Shift + Alt + Izquierda y Shift + Alt +Derecha

He aquí un ejemplo de la ampliación de la selección con Shift + Alt + Derecha :

Page 3: Edición Evolved VSCODE

IntelliSenseSiempre nos quedará Ofrecemos terminación de palabras, pero para los ricos idiomas ﴾languages﴿ , tales como JavaScript, JSON, HTML, CSS,Menos, Sass, C # y mecanografiado, ofrecemos verdadera experiencia IntelliSense. Si un servicio lingüístico sabe terminaciones posibles, lassugerencias de IntelliSense aparecerán a medida que escribe ﴾lo llamamos cariñosamente IntelliSense 24x7﴿. Siempre se puede activarmanualmente con Ctrl + Espacio .

Page 4: Edición Evolved VSCODE

Consejo: El filtrado de sugerencias apoya CamelCase. Fuera de la caja, . , Tab o Intro se aceptadesencadenantes. Siempre se puede personalizar estas combinaciones de teclas ﴾keybindings﴿ .

Consejo: El IntelliSense 24x7 se puede configurar a través de los editor.quickSuggestions yeditor.suggestOnTriggerCharacters ajustes.

Consejos de parámetrosEn JavaScript, mecanografiado o C #, consejos de parámetros aparecerán como que estás escribiendo una invocación del método. Usted puedenavegar entre las distintas sobrecargas con arriba y abajo y en el mejor de sobrecarga se presentará sobre la base de los argumentos que sepasa en.

Fragmentos y Emmet abreviacionesOfrecemos fragmentos incorporados a través de idiomas y hemos incorporado soporte para abreviaturas Emmet ﴾http://docs.emmet.io/﴿ .Puede expandir abreviaturas Emmet en HTML, Razor, CSS, Menos, Sass, XML o Jade con Tab .

Page 5: Edición Evolved VSCODE

﴾Vea la hoja de trucos Emmet ﴾http://docs.emmet.io/cheat‐sheet/﴿ para ejemplos de sintaxis.﴿

También puede definir sus propios fragmentos: Abierto Snippets de usuario bajo Archivo , Preferencias y seleccione el idioma para elque deben aparecer los fragmentos. Para saber más sobre esto en la sección de la personalización ﴾customization#User_Defined_Snippets﴿ denuestros documentos.

Ir a definiciónSi un lenguaje ﴾languages﴿ lo admite, puede ir a la definición de un símbolo pulsando F12 .

Si presiona Ctrl y el ratón sobre un símbolo, una vista previa de la declaración aparecerá:

Page 6: Edición Evolved VSCODE

Consejo: Usted puede saltar a la definición con Ctrl + Clic o abrir la definición a un lado con Ctrl + Alt+ Clic .

Goto SímboloPuede navegar símbolos dentro de un archivo con Ctrl + Shift + O . Por escribiendo : los símbolos se agrupan por categorías. Sólo tieneque pulsar arriba o hacia abajo y navegue hasta el lugar que desee.

Page 7: Edición Evolved VSCODE

Abra el símbolo por su nombreEn C # y a máquina, puede saltar a un símbolo a través de archivos con Ctrl + T . Sólo tienes que escribir la primera letra de un tipo quedesea navegar, independientemente de qué archivo contiene, y pulse Enter .

Page 8: Edición Evolved VSCODE

Indicadores GutterSi abre una carpeta que es un repositorio git y empezar a hacer cambios, Código VS añadirá anotaciones útiles a la cuneta y al gobernantevisión general.

Un triángulo rojo indica dónde se han eliminado las líneas

Page 9: Edición Evolved VSCODE

Una barra verde indica nuevas líneas añadidasUna barra azul indica líneas modificadas

OjeadaCreemos que no hay nada peor que un cambio de contexto en grande cuando lo que quieres es comprobar rápidamente algo. Es por eso queapoyamos editores se asomó. Cuando se ejecuta una búsqueda de referencia ﴾vía Shift + F12 ﴿, o una definición de Peek ﴾mediante Alt +F12 ﴿, integramos la línea resultado:

Page 10: Edición Evolved VSCODE
Page 11: Edición Evolved VSCODE

Consejo: Usted puede navegar entre las diferentes referencias en el editor se asomó y, si es necesario,incluso se puede realizar ediciones rápidas justo ahí!

Consejo: Al hacer clic en el nombre del archivo editor asomó o haciendo doble clic en la lista de resultadosse abrirá la referencia en el editor externo.

FlotarPara los idiomas que lo apoyan, el elemento emergente mostrará información útil, tales como tipos de símbolos, o, en el caso de CSS acontinuación, la forma del HTML que se correspondería con una regla CSS cierta:

Page 12: Edición Evolved VSCODE

Informacion de referenciaC # soporta información de referencia en línea, que se actualiza en vivo. Esto permite analizar rápidamente el impacto de su edición o lapopularidad de su método o propiedad específica a lo largo de su proyecto:

Page 13: Edición Evolved VSCODE

Consejo: Directamente invocar la acción de encontrar referencias haciendo clic en estas anotaciones.

Consejo: Información de referencia se puede activar o desactivar a través de la editor.referenceInfosajuste.

Cambiar el nombre de símboloLetra de imprenta y C # apoyo símbolo renombrar archivos a través. Simplemente presione F2 y escriba el nuevo nombre que desee y pulseIntro . Todos los usos del símbolo se cambia el nombre, a través de los archivos.

Acción CódigoJavaScript y código de soporte CSS acciones. Una bombilla aparecerá si hay una acción de código para el problema bajo el cursor. En esteejemplo de JavaScript, debido al uso de __dirname , que es un Node.js variable incorporada, la acción de código propondrá descargar yagregar una referencia a node.d.ts , que contiene todas las definiciones de Node.js.

Page 14: Edición Evolved VSCODE

Errores y advertenciasAdvertencias o errores se pueden generar, ya sea a través de tareas configuradas ﴾tasks﴿ o por los ricos los servicios de idiomas, que analizanconstantemente su código en el fondo. Como nos encanta código libre de errores, advertencias y errores aparecen en varios lugares:

En la línea de estado hay un resumen de todos los errores y advertencias cargos.Puede hacer clic en el resumen o presione Ctrl + Mayús + M para ver una lista de todos los errores actuales.Si abre un archivo que tiene errores o advertencias, van a ser prestados en línea con el texto y en la regla de resumen.

Consejo: Para recorrer errores o advertencias en el archivo actual, puede presionar F8 o Mayús + F8 quemostrará una zona de línea que detalla las acciones problemáticas y posible código ﴾si está disponible﴿:

Page 15: Edición Evolved VSCODE

Próximos pasosOK, así que ya sabes cómo funciona nuestra toma en un editor evolucionada. Es hora de probar algunas otras cosas ...

¿Por qué Código VS ﴾whyvscode﴿ ‐ ¿Por qué existimos y donde creemos que podemos ayudarLos fundamentos ﴾codebasics﴿ ‐ orientación básica en torno Código VSDepuración ﴾debugging﴿ ‐ Aquí es donde realmente brilla Código VSPersonalización ﴾customization﴿ ‐ Configurar Código de la manera deseada ‐ Temas, Ajustes

¿Fue útil esta documentación

Sí No

Actualizado el 06/07/2015

Hola desde Seattle. Follow @code 20.8K followers

Page 16: Edición Evolved VSCODE

Intimidad ﴾http://www.microsoft.com/privacystatement/en‐us/core/default.aspx﴿Condiciones de uso ﴾http://www.microsoft.com/en‐us/legal/intellectualproperty/copyright/default.aspx﴿ Licencia ﴾/License﴿

﴾http://www.microsoft.com﴿

© 2015 Microsoft