los fundamentos de visual studio code
TRANSCRIPT
-
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 -
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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
-
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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
-
7/23/2019 Los Fundamentos de Visual Studio Code
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/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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:
-
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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.
-
7/23/2019 Los Fundamentos de Visual Studio Code
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 -
7/23/2019 Los Fundamentos de Visual Studio Code
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 -
7/23/2019 Los Fundamentos de Visual Studio Code
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®ion=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®ion=follow_link&screen_name=code&tw_p=followbutton