Guia Rapida VS Code

Contenidos

La lista de comandos.
Busquedas extendidas.
Emmet.
Terminal integrada.
Navegar por definiciones.
Intelisence.
Bracket Pair Colorizer.
Integracion y UI de Git.
Git Lens.

1. La lista de comandos.

VS code tiene gran cantidad de atajos, para verlos todos y me morizar lso que mas utiles te parezcan usa:

CMD + K , CMD + S  *En MAC*
CTRL + K , CTRL + S *En Windows*

2. Busquedas extendidas.

Hay varios tipos de busqueda que nos pueden facilitar la vida

Buscar secuencia en el archivo actual
```
 CMD + F
```
Buscar secuencia en todos los archivos del proyecto actual
```
 CMD + Shift + F
```
Busqueda por nombre de archivo
```
 CMD + P
```

3. Emmet.

Emmet esta pre-configurado en VS code desde la instalacion y ayuda a escribir html y sus variaciones como haml, jade, slim, jsx, xml, xsl, css, scss, sass, less y stylus

.my-div>p.my-text  
======>  
<div class="my-div"> <p class="my-text"></p> </div>

es muy recomendable dar una ojeada a su documentacion para sacarle el maximo provecho. https://docs.emmet.io

4. Terminal integrada.

puede desplegarse arrastrando desde abajo o por comando

CTRL + `

5. Navegar por definiciones.

Podemos movernos entre las definiciones y referencias de "funciones" solo dando click derecho y referenciando las opciones.

peek definition  
go to definition  
list all references

6. Intelisence.

Normalmente funciona de forma automatica, y nos da indicios de codigo que podria ser lo que queremos escribir pero tambien se puede llamar por comando

CTRL + ESPACIADORA

7. Bracket Pair Colorizer.

Es una herramienta para facilitar la verificacion de apertura y cierre de nuestro codigo.

8. Integracion y UI de Git.

Provee una interfaz grafica para apoyarnos con GIT

9. Git Lens.

Es un plugin que nos da mucha informacion extra a partir de git, permitiendonos saber quien hizo los cambios y en que momento se hicieron.

jusk02/vsCode_quick_intro