los fundamentos de visual studio code

7/23/2019 Los Fundamentos de Visual Studio Code

1/16

/

Cdigo VS 0.7.0 est disponible. Echa un vistazo a las nuevas caractersticas /updatesy actualizar /docs/howtoupdate

ahora.

TEMAS Lo basico Tweet 2

1Like

Los fundamentos de Visual Studio CodeEn su corazn, Visual Studio es un cdigo editor de cdigo. Al igual que muchos otros editores de cdigo, Cdigo VS adopta una interfaz de

usuario comn y el diseo de un explorador de la izquierda, que muestra todos los archivos y carpetas que tiene acceso, y un editor de la

derecha, que muestra el contenido de los archivos que se han abierto.

Adems, hay una serie de caractersticas nicas en la interfaz de usuario Cdigo VS. En este tema se describen estas caractersticas.

Archivos, carpetas y Proyectos

Cdigo VS es archivo y carpeta basada usted puede comenzar de inmediato con la apertura de un archivo o carpeta en el Cdigo VS.

Adems de esto, Cdigo VS puede leer y disfrutar de una gran variedad de archivos de proyectos definidos por diferentes marcos y

plataformas. Por ejemplo, si la carpeta que abri en el Cdigo VS contiene uno o ms package.json, project.json, tsconfig.json, o archivos de

solucin y de proyecto de Visual Studio.Net ASPv5, Cdigo VS leer estos archivos y los utilizan para proporcionar funcionalidad adicional

como rica IntelliSense en el editor.

Diseo bsico

Cdigo VS viene conun diseo sencillo e intuitivo que maximiza el espacio previsto para el editor, dejando un amplio espacio para navegar y

acceder a todo el contexto de la carpeta o proyecto. La interfaz de usuario se divide en cuatro reas

Editor dela zona principal para editar sus archivos. Puede abrir hasta tres editores de lado a lado

Sidebarcontiene diferentes puntos de vista, como el Explorador de ayudarle mientras trabaja en su proyectoBarra de estadoindica informacin sobre el proyecto y los archivos abiertos se edita
https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasics&ref_src=twsrc%5Etfw&text=The%20Basics%20of%20Visual%20Studio%20Code&tw_p=tweetbutton&url=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://twitter.com/search?ref_src=twsrc%5Etfw&q=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://code.visualstudio.com/https://twitter.com/search?ref_src=twsrc%5Etfw&q=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://code.visualstudio.com/https://code.visualstudio.com/https://code.visualstudio.com/https://twitter.com/search?ref_src=twsrc%5Etfw&q=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasics&ref_src=twsrc%5Etfw&text=The%20Basics%20of%20Visual%20Studio%20Code&tw_p=tweetbutton&url=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://code.visualstudio.com/updateshttps://twitter.com/search?ref_src=twsrc%5Etfw&q=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasics&ref_src=twsrc%5Etfw&text=The%20Basics%20of%20Visual%20Studio%20Code&tw_p=tweetbutton&url=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasicshttps://code.visualstudio.com/https://code.visualstudio.com/docs/howtoupdate


2/16

Viewbaren el lado de la izquierda ahora, le permite cambiar entre vistas y le da un contexto adicional especficasindicadores, como el

nmero de cambios salientes cuando Git est habilitado

Cada vez que inicie VS Cdigo, se abre en el mismo estado en que estaba la ltima vez que cerr. La carpeta, disposicin y archivos abiertos se

conservan.

En lugar de colocar los archivos en pestaas separadas, Cdigo VS permite hasta tres editores visibles en un momento dado, lo que le permite

colocar hasta tres archivos juntos lado a lado.


3/16

Esto ayuda a reducir la sobrecarga de la gestin de pestaas, pero no limita el nmero de archivos que puede trabajar. La vista del explorador

mantiene una lista de archivos de trabajo que le permite un acceso rpido a los archivos que necesita.

Consejo:Puede mover la barra lateral a la derecha Ver, Mueva la barra lateral o alternar su visibilidad

Ctrl + B .

Side by Side Edicin

Usted puede tener lado hasta tres editores abiertos a lado.

Si usted ya tiene un editor abierto, hay mltiples maneras de abrir otro editor a un lado de la ya existente:

Ctrl Mac: Comando haga clic en un archivo en el Explorador

Ctrl + \ para dividir el editor activa en dos

Abierto al lado en el men contextual del Explorador de un archivo


4/16

Cada vez que usted abre otro archivo, el editor que est activo se mostrar el contenido de dicho archivo. As que si usted tiene dos editores de

lado a lado y que desea abrir 'foo.cs' archivo en el editor de la mano derecha, asegrese de que el editor est activo haciendo clic en su

interiorantes de abrir 'foo.cs' archivo.

Sugerencia:Puede cambiar el tamao de los editores y reordenarlos. Arrastre y suelte el rea de ttulo editor

para cambiar la posicin o cambiar el tamao del editor.


5/16

Explorador

El explorador se utiliza para explorar, abrir y gestionar todos los archivos y carpetas en su proyecto.

Despus de abrir una carpeta en el Cdigo VS, el contenido de la carpeta se muestran en el explorador. Usted puede hacer muchas cosas desde

aqu:

crear, eliminar, renombrar archivos y carpetasmover archivos y carpetas con arrastrar y soltar

utilizar el men contextual para explorar todas las opciones

Sugerencia:Puede arrastrar y soltar los archivos en el Explorador de fuera VS Cdigo copiarlos


6/16

Cdigo VS funciona muy bien con otras herramientas que puede utilizar, especialmente herramientas de lnea de comando. Si desea ejecutar

una herramienta de lnea de comandos en el contexto de la carpeta que tiene actualmente abierta en el Cdigo VS, haga clic derecho en la

carpeta y seleccione Abrir en consola .

Tambin puede navegar a la ubicacin de un archivo o carpeta en el Explorador nativo haciendo clic derecho sobre un archivo o carpeta y

seleccionando Revelar en el Explorador o Revelar en el Finder en Mac.

Consejo:Escriba Ctrl + P para buscar y abrir un archivo por su nombre rpidamente.

Por defecto, Cdigo VS excluye algunas carpetas desde el explorador por ejemplo. .git. Utilice la files.exclude ajuste para configurar reglaspara ocultar archivos y carpetas desde el explorador.


7/16

Sugerencia:Esto es realmente til para ocultar archivos de recursos derivados, como \ * meta. en la Unidad, o \ * js. en un proyecto

mecanografiado. Para la Unidad de excluir a los . \ * cs.meta archivos, el patrn de elegir sera: ". ** / * cs.meta": true

Archivos de Trabajo

En la parte superior del explorador es una seccin denominada Archivos de trabajo . Esta es una lista de los archivos activos. Estos son los

archivos que abri anteriormente en el Cdigo VS que usted est trabajando. Por ejemplo, un archivo se muestra en la seccin archivos de

trabajo si:

realizar un cambio en un archivo

haga doble clic en un archivo en el Explorador

abrir un archivo que no es parte de la carpeta actual

Piense en la seccin de lo ms parecido a trabajar aqu los archivos que usted puede estar familiarizado con otros editores de cdigo o IDEs.

Simplemente haga clic en un archivo en la seccin de archivos de trabajo, y que se activa en el Cdigo VS.

Una vez que haya terminado con su tarea, puede eliminar de forma individual los archivos de la seccin de archivos de trabajo, o eliminar todos

los archivos de la seccin de archivos de trabajo mediante el uso de la Cerca de todos los archivos de accin.


8/16

Consejo:Puede configurar la apariencia de los archivos de trabajo en la configuracin. Por ejemplo, puede

establecer el nmero mximo de archivos visibles antes de que aparezca una barra de desplazamiento a

travs de explorer.workingFiles.maxVisible , y si la seccin de archivos de trabajo debe establecer de

forma dinmica a travs de su altura explorer.workingFiles.dynamicHeight .

Guardar / Autoguardar

Por defecto, Cdigo VS requiere una accin explcita para guardar los cambios en el disco, Ctrl + S .

Sin embargo, es fcil para encender Auto Save , que guarde los cambios en ralent. Con esta opcin activada, no hay necesidad de guardar

explcitamente el archivo. Esto puede ser una gran caracterstica, pero si usted est utilizando observadores de archivos para automatizar tareas

es posible que desee convertir este comportamiento fuera para que tenga un mayor control cuando las tareas se ejecutan en segundo plano.

Para activar el guardado automtico o desactivarlo, slo tiene que abrir la paleta de comandos, Ctrl + Shift + P , y el tipo de auto para

filtrar la lista y pulsa Enter.

Tambin puede encontrar esta opcin como una opcin en el archivo de men.

Buscar en todos los archivos

Cdigo VS le permite buscar rpidamente en todos los archivos de la carpeta abierta. Simplemente escriba Ctrl + Shift + F y escriba en su

bsqueda. Resultados de la bsqueda se agrupan en los archivos que contienen el trmino de bsqueda, con indicacin de los hits en cadaarchivo y su ubicacin. Expandir un archivo para ver una vista previa de todos los accesos dentro de ese archivo. Entonces solo clic en uno de

los xitos para ver en el editor.


9/16

Consejo:Apoyamos expresin regular buscar en el cuadro de bsqueda tambin.

Puede configurar las opciones de bsqueda avanzadas tecleando Ctrl + Shift + J . Esto mostrar campos adicionales para configurar la

bsqueda.

En los dos cuadros de entrada por debajo del cuadro de bsqueda que puede incluir y excluir archivos. Haga clic en la palanca a la derecha

para que la sintaxis de patrn glob:


10/16

* para que coincida con uno o ms caracteres en un segmento de trazado

? para que coincida en un personaje en un segmento de trazado

** para que coincida con cualquier nmero de segmentos de trazado, incluyendo ningunos

{} al grupo a condiciones por ejemplo, {** / *. html, ** / *. txt} coincide con todos los archivos html y txt

[] para declarar una gama de personajes para que coincida por ejemplo, ejemplo. [09] para que coincida con el example.0 ,

ejemplo.1 , ...

Cdigo VS excluye algunas carpetas de forma predeterminada para reducir el nmero de resultados de bsqueda que usted no est interesado

por ejemplo: node_modules. Configuracin abierta al cambio de estas normas en el marco del files.exclude y search.exclude seccin.

Consejo:Desde el Explorador puede hacer clic derecho sobre una carpeta y seleccione Buscar en carpeta

para buscar dentro de una carpeta nica

Paleta de comandosCdigo VS es igualmente accesible desde el teclado. La combinacin de teclas ms importante a saber es Ctrl + Shift + P , que nos lleva a

la Paleta de comandos. Desde aqu se tiene acceso a toda la funcionalidad de VSCode, incluyendo atajos de teclado para las operaciones ms

comunes.


11/16

El Comando Paleta UI proporciona acceso a muchos comandos. Puede ejecutar comandos de edicin, archivos abiertos, buscar smbolos, ver un

esquema rpido de un archivo de todas ellas con la misma ventana interactiva. Aqu hay algunos consejos:

Ctrl + P le permitir navegar a cualquier archivo o smbolo simplemente escribiendo el nombre

Ctrl + Tab ser ciclo a travs de la ltima serie de archivos abiertos

Ctrl + Shift + P le llevar directamente a los comandos del editor

Ctrl + Shift + O te permitir navegar a un smbolo especfico en un archivo

Ctrl + G le permitir navegar a una lnea especfica en un archivo

Escriba ? en el campo de entrada para obtener una lista de los comandos disponibles se pueden ejecutar desde aqu:

Navegacin Rpida de Archivos

El Explorador es grande para navegar entre los archivos cuando usted est explorando un proyecto. Sin embargo, cuando usted est trabajando

en una tarea se encontrar saltar rpidamente entre el mismo conjunto de archivos. Cdigo VS proporciona dos comandos de gran alcance

para navegar en ya travs de los archivos con asociaciones de teclas fciles de usar.

Presione Ctrl + Tab para ver una lista de todos los archivos que se han abierto desde que se lanz Cdigo VS. Para abrir uno de estos

archivos, mantenga pulsada la tecla Ctrl Mac: Comando y pulse la tecla Tab para escoger el archivo que desea navegar.


12/16

Alternativamente, puede utilizar Alt + Izquierda y Alt + Derecha para navegar entre los archivos y las ubicaciones de edicin. Si usted est

saltando alrededor de entre las diferentes lneas del mismo archivo, estos atajos le permiten navegar entre esos lugares fcilmente.

Consejo:Puede abrir cualquier archivo por su nombre cuando escriba Ctrl + P .

Archivo Codificacin Soporte

Establecimiento de la codificacin de archivos a nivel mundial o por rea de trabajo utilizando la files.encoding configuracin en

Configuracin de usuarioo Configuracin del espacio de trabajo.

Puede ver la codificacin del archivo en la barra de estado.


13/16

Haga clic en la codificacin en la barra de estado para volver a abrir o guardar el archivo activo con una codificacin diferente.

A continuacin, elija una codificacin.

El lanzamiento de la lnea de comandos

Puede iniciar Cdigo VS desde la lnea de comando para abrir rpidamente un archivo, una carpeta o un proyecto. Normalmente se abre

Cdigo VS en el contexto de una carpeta. Encontramos la mejor manera de hacer esto es escribir simplemente:

cdigo.


14/16

Consejo:Tenemos instrucciones para los usuarios de Mac y Linux en nuestra instalacin de setuptema que

le permiten iniciar Cdigo VS desde un terminal. Aadimos Cdigo a la ruta en Windows automticamente.

A veces tendr que abrir o crear un archivo, si el archivo no existe crearemos para usted:

cdigo style.css index.html readme.md

Consejo:Puede tener tantos nombres de archivo como desee separados por espacios.

Argumentos adicionales de lnea de comandos

He aqu los argumentos de lnea de comandos opcionales al iniciar VS Cdigo en la lnea de comandos a travs de cdigo .

Argumento Descripcin

g o

goto

Cuando se utiliza con el archivo: Lnea: la columna, se abre un archivo en una lnea especfica y la posicin de la columna

opcional. Este argumento se ofrece, ya que algunos sistemas operativos permiten : en un nombre de archivo.

n o

new

ventana

Abre una nueva sesin del Cdigo de VS en lugar de restaurar la sesin anterior.

r o

reuse

ventana

Fuerzas de apertura de un archivo o carpeta en la ltima ventana activa.

archivo Nombre de un archivo para abrirlo. Si no existe el archivo, se crear como sucio. Puede especificar varios archivos.

presentar:

Lnea:

columna?

Nombre de un archivo para abrirlo en la lnea especificada y la posicin de la columna opcional. Puede especificar varios

archivos de esta manera, pero debe utilizar el g argumento una vezantes de utilizar el archivo: Lnea: columna?

especificador.
https://code.visualstudio.com/Docs/editor/setup


15/16

carpeta Nombre de una carpeta para abrirla. Puede especificar varias carpetas.

Tanto para los archivos y carpetas, puede usar rutas absolutas o relativas. Las rutas relativas son relativas al directorio actual del smbolo del

sistema donde se ejecuta el cdigo .

Si especifica ms de un archivo o carpeta en la lnea de comandos, Cdigo VS se abrir una nica instancia.

Abrir un proyecto

Cdigo VS no distingue entre la apertura de una carpeta o un proyecto. En cambio, si la carpeta se abre contiene ningn archivo de proyecto,

Cdigo VS leer esos archivos e indicar el contexto del proyecto en la barra de estado. Desde all tambin se puede cambiar entre los proyectos

si se encuentra ms de un proyecto.

Para abrir el proyecto contenido en la carpeta c: \ src \ aplicacin web:

cdigo de c: \ src \ webapp

En otras palabras, la apertura de la carpeta que contiene el proyecto efectivamente abre ese proyecto:

Prximos pasos

Aceptar, tienes ms all de la interfaz de usuario bsico hay mucho ms para Cdigo. Siga leyendo para averiguar acerca de:

Edicin Evolved editingevolved Lint, IntelliSense, bombillas, Peek y Goto Definicin y ms

Depuracin debugging Aqu es donde realmente brilla Cdigo VS

Personalizacin customization Temas, los ajustes y las asociaciones de teclas

Preguntas habituales
https://code.visualstudio.com/Docs/editor/debugginghttps://code.visualstudio.com/Docs/editor/customizationhttps://code.visualstudio.com/Docs/editor/editingevolved


16/16

Q: Es posible globalmente bsqueda y reemplazo?

R:Esta caracterstica an no est implementado, pero se puede esperar que venga en el futuro!

Fue til esta documentacin

S No

Actualizado el 06/07/2015

Hola desde Seattle. Follow @code 20.8K followers

Intimidad http://www.microsoft.com/privacystatement/enus/core/default.aspx

Condiciones de uso http://www.microsoft.com/enus/legal/intellectualproperty/copyright/default.aspx Licencia /License

http://www.microsoft.com

2015 Microsoft
http://www.microsoft.com/en-us/legal/intellectualproperty/copyright/default.aspxhttp://www.microsoft.com/privacystatement/en-us/core/default.aspxhttps://twitter.com/intent/user?original_referer=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasics&ref_src=twsrc%5Etfw&region=count_link&screen_name=code&tw_p=followbuttonhttp://www.microsoft.com/https://code.visualstudio.com/Licensehttps://twitter.com/intent/follow?original_referer=https%3A%2F%2Fcode.visualstudio.com%2FDocs%2Feditor%2Fcodebasics&ref_src=twsrc%5Etfw&region=follow_link&screen_name=code&tw_p=followbutton

los fundamentos de visual studio code

Documents