Curso Visual Studio Code & Emmet - jonmircha

En este curso te enseño la instalación y configuración básica para desarrollo frontend en Visual Studio Code, además te enseñaré la sintaxis Emmet.
📦 RECURSOS:

📝 ÍNDICE:
1. 0:00:00 - Introducción al curso.
2. 0:03:41 - Descarga e instalación.
3. 0:08:31 - Modo portable.
4. 0:14:45 - Consideraciones del modo portable.
5. 0:19:43 - Conociendo la interfaz.
6. 0:30:32 - Extensiones básicas.
7. 0:38:41 - Tablas de atajos de teclado.
8. 0:43:58 - Forma correcta de abrir proyectos.
9. 1:06:28 - Creando un proyecto desde cero.
10. 1:26:54 - Atajos que más uso.
12. 1:42:39 - Ajuste de palabras (WordWrap).
13. 1:46:29 - Auto guardado de archivos.
14. 1:48:27 - Reestablecer ventana de VS Code.
15. 1:51:11 - Tabulación e indentación.
16. 1:57:50 - Visualizar espacios en blanco.
17. 1:59:35 - Colorear pares de llaves, corchetes y paréntesis.
18. 2:03:05 - Manejo de línea de comandos (Terminal - CLI).
19. 2:12:09 - Configurando Prettier.
20. 2:20:57 - Configurando ESLint.
21. 2:22:24 - Configurando LiveServer.
22. 2:33:30 - Introducción a Emmet.
23. 2:36:39 - Atajos Emmet.
24. 2:55:37 - Configurando Emmet en JavaScript.
25. 2:59:52 - Despedida.

#VisualStudioCode #VSCode #Emmet

[yormanleonardoalbarranbarr]

Todos los docentes digitales de Youtube son admirables por su deseo y dedicación en su afán de compartir parte de su conocimiento, mis respetos hacia ellos, pero como JONMIRCHA ninguno, JONMIRCHA ERES EL MEJOR...

[anubisystems]

Para que hecharle mas flores a Mircha Master, ya todos en YouTube sabemos que es el mejor!

[addevmoises]

2:12:09 Nunca había configurado prettier de esa forma, excelente sección

[emersongomez]

Super, te estoy muy agradecido por todo y estoy aprendiendo muchas cosas interesantes con cada clase. La idea es terminar mis proyectos personales que empece cuando hice mi Tecncio en Sistemas y poder ver esas ideas marchando en internet. Gracias por todo.👊😎👍

[miguelangeldiaz]

Excelente curso! Gracias Mircha por compartir tus conocimientos, éxitos profe.

[geralmillan]

Definitivamente me gusta como el profe explica cada tema, ví unos cuantos tutoriales de VSC pero no explican tan detalladamente cómo aquí... Y si, soy novata ^^ estoy empezando este camino

[heimancastro]

dejando undido ctrl+k+c parado en una linea se comenta con el formato de comentario del archivo ya sea html js jsx para decomentar ctrl+k+u parecido al del maestro solo que si es una sola linea no tengo que seleccionarla con estar parado encima de ella basta varias lineas si hay que seleccionarlas

[addevmoises]

1:26:54 Me encanta los atajos de VSC para ser productivo, dejo algunos atajos adicionales y otros atajos personalizados que me han hecho ser más productivo:



• ctrl + alt + flecha hacia abajo o arriba --> Este atajo es muy útil para desplazar el cursor hacia abajo o hacia arriba según la flecha tecleada es como alt + click solo que en este caso los cursores solo se desplazan en vertical.


• ctrl + k seguido ctrl + s --> Este atajo abre la interfaz de métodos abreviados de teclado para personalizar los atajos que tú quieras.


• ctrl + s --> Este es un atajo personalizado que uso ya que tengo autoguardado y no lo uso para guardar, sino que lo utilizo para cerrar o abrir el explorador de archivos de mi proyecto.


• ctrl + click --> Este atajo se sirve cuando uno se posiciona en la invocación de una función o un método, al hacer ctrl + click te redirecciona a la definición de la función o método (muy útil cuando el proyecto es muy grande).
• ctrl + alt + d --> Este atajo es como el atajo ctrl + click, pero mejor aún ya que no te redirecciona a otro archivo donde se encuentra la definición de la función, sino que en el mismo archivo se abre una pequeña ventana donde está la definición de esta (para que funcione este atajo hay que posicionarse con el cursor en la invocación de la función al igual como lo hace el atajo de ctrl + click).

• ctrl + d --> Este atajo permite seleccionar la variable, función, instancia de clase (o cualquier palabra) en la que uno este posicionado con el cursor, si se teclea nuevamente el atajo seleccionaría la siguiente coincidencia, por ejemplo, si se define una variable llamada $nombre y se teclea el atajo en esta constantemente se seleccionaría todas las veces que esté definida en las siguientes líneas de código.

• ctrl + alt +s --> Este atajo es como el atajo de ctrl + d pero más genial ya que si uno está posicionado en cualquier palabra esta se selecciona en todas las partes del código que esté definida.

• shift + alt + flecha derecha varias veces --> Selecciona toda la línea de código en la que el cursor esté posicionado (la flecha derecha se teclea hasta que esté seleccionada toda la línea de código)

• ctrl + w --> Este atajo sirve para cerrar una pestaña de un archivo (Yo lo tengo configurado usando la tecla alt + c).

• ctrl + g --> Este atajo sirve para abrir una entrada de texto en donde se puede introducir cualquier número de línea de código para redireccionarse a esta.

• ctrl + p --> Este atajo lo uso muchísimo y muy útil, lo utilizo para abrir archivos de mi proyecto sin necesidad de abrir el explorador de archivos.

• ctrl + k seguido z --> Este atajo lo que hace es activar o desactivar el modo zen que deja solo la vista en donde está el código (útil para los que no les gustan los distractores y solo se manejan con atajos para abrir cosas en VSC).

Estos serían algunos atajos útiles que hay en VSC, pero hay muchos más atajos útiles solo tienen que revisar la interfaz de métodos abreviados de teclado, tengo muchos personalizados para abrir plugins útiles, el comando que muestra jonmircha de ctrl + shift + p es muy útil para abrir plugins, lo utilizo demasiado. Excelente curso jon, VSC es muy productivo para todos!

[pedropalominoccoa]

Escuchar cada segundo del video, vale mucho. Gracias jonmircha

[DanielGAÑAN-uz]

gracias por el curso maestro eres genial

[JuanMan.]

al 100 el curso de VSCode, saludos 🤠💯

[Munoz-inew]

La sección de Emmet para mí fue la más enriquecedora y útil, gracias por todo este contendido gratis, haces este mundo un poquito mejor :)

[Vfhhfjhgfhhjchhg]

siempre lo sigo, es un genio, me encantan sus videos

[yoyo-dr]

Ya lo acabe, a ya casi acabo el de HTML fundamentos (1/5), y a practicar junto con ello.
Algo que me toco buscar y que Jon lo utilizo mucho pero no dijo, porque en mi caso no sabia, de pronto alguien tampoco sepa, es como seleccionar desde el teclado para no utilizar el Mouse, que se hace con Shift, se deja presionado y pues te mueves con las flechas hasta donde quieras seleccionar, porque a mi en lo personal me daba pereza seleccionar algo corto con el Mouse porque tenia que levantar la mano del teclado, espero les sirva para los que no sabian.

[marianoandresjerez]

Inmensamente agradecido por tan generosa difusión de conocimiento.

[inesmurphy]

Eres extraordinario, millón de gracias por compartir tus conocimientos!!! lo que haces es increible

[elihahn]

Jon, eres un gran maestro. Gracias por tu generosidad y por explicar de una forma tan clara. Hoy terminé este video y aprendí un montón. Saludos desde Colombia.

[samireramosdelgado]

wow . gracias profesor por compartir sus conomientos, cuando crei q sabia algo de vsCode me doy cuenta q no sabia muchas cosas, gracias

[lilRauw]

Algún día alcanzaré a ver todos sus cursos máster

[yinnerchilito]

No sabia el gran potencial que tenia Visual Studio Code, ahora lograre sacarle el máximo provecho al editor, muchas gracias!