diff --git a/README.md b/README.md index 470fc8d..381ed4e 100644 --- a/README.md +++ b/README.md @@ -4,22 +4,117 @@ Un pequeño repositorio donde aprenderemos un par de trucos para trabajar rápid También hay un par de extensiones bastante útiles que les pueden servir. +## Shortcuts VSCODE WINDOWS + +PDFs oficiales de la documentación de Visual Studio Code: + +1. Atajos en **[WINDOWS.](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)** +2. Atajos en **[MAC OSX](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)** +3. Atajos en **[LINUS](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf)** + +  + +### Shortcuts principales. + +* **'Ctrl + Shitf + p'** => Paleta de comandos. +* **'Ctrl + b'** => Cerramos menú lateral. +* **'Ctrl + k Ctrl + s'** => **Abrir Keyboard Shortcuts** En el podremos configurar nuestros propios Shortcuts. +* **'Ctrl + Shift + ñ'** => Abrir Terminal Integrada. + + +### Movimiento de lineas. + +* **'Alt + ↑'** => Movimiento de lineas hacia Arriba. +* **'Alt + ↓'** => Movimiento de lineas hacia Abajo. +* **'Shitf + Tab'** => Eliminar Sangria. + + +### Selección. + +* **'Shitf + ↑'** => Selecciona las lineas que se encuentran en la parte superior. +* **'Shitf + ↓'** => Selecciona las lineas que se encuentran en la parte inferior. +* **'Ctrl + Shift + L'** => **Seleccionar todas las ocurrencias de la selección**. +* **'Shift + Alt + ↦'** => Seleccionamos la palabra + + + +### Comentarios. + +* **'Ctrl + k Ctrl + c'** => Comentamos lineas de codigo. +* **'Ctrl + k Ctrl + u'** => Descomentamos lineas de codigo. +* **'Shitf + Alt + A'** => Comentamos el codigo seleccionado. + + +### Rutas. + +* **'Ctrl + Click'** => Creación rapido de la ruta de archivo. + + +### Navegar definición. + +* **'Alt + F12'** => Ojear definición. +* **'F12'** => Ir a la definición. + +### Borrar, deshacer y rehacer. + +* **'Ctrl + Shift + K'** => Borrar un bloque de código linea seleccionado. +* **'Ctrl + Z'** => deshacer P. +* **'Ctrl + Shift + Z'** => **Rehacer**. + + +### Modo Zen + +* **'Ctrl + K Z'** => Mode Zen, es decir entra al modo sin distracciones. + + +### Wrap abbreviation + +* **'Ctrl + Shift + a** => **wrap with Abbreviation**, agregamos marquilla a la seleccion como: + ``` +, + , + entre otras. + ``` + + +### Navegación entre ventanas. + +* **'Ctrl + W'** => Cerrar tab o ventana +* **'Ctrl + K Ctrl + W'** => Cerrar todas las ventanas +* **'Ctrl + Shift + T'** => Reabrir ventana anterior +* **'Ctrl + TAB'** => Cambiar de tab o ventana + + +* **'Shitf + Alt + d'** => Clonar líneas ( Copy Line Down) + +### Manejo **Multicursor** + +* **'Ctrl + Alt + ↑'** => Crear cursor arriba. +* **'Ctrl + Alt + ↓'** => Crear cursor abajo. +* **'Ctrl + ↦'** => Me permite colocar el cursor en la inicial de la siguiente palabra. +* **'Mantener Alt + Doble click'** => Multiples cursores en posiciones especificas. +* **'Mantener Alt + Seleccionar'** => Multiples cursores en posiciones especificas y la palabra lleva separador. + * **'Ctrl + d'** => **Multiples cursores sobre la palabra seleccionada**. + +### Manejo de **Lowercase y Uppercase** + +* **'Ctrl + Shift + U'** => Convierte las palabra seleccionadas en mayusculas. +* **'Ctrl + Shift + L'** => Convierte las palabra seleccionadas en minisculas. + + + +  + ## Extensiones * [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks) - * [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) - * [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) - * [Liveserver](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - * [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - * [Material Theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme) - * [Paste JSON as Code](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype) - * [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) +* [TODO Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) + -* [TODO Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) \ No newline at end of file diff --git a/src/app/01-edicion-basica/01-movimientos.html b/src/app/01-edicion-basica/01-movimientos.html index 4a0004e..b93e9d0 100644 --- a/src/app/01-edicion-basica/01-movimientos.html +++ b/src/app/01-edicion-basica/01-movimientos.html @@ -8,13 +8,13 @@ --> diff --git a/src/app/01-edicion-basica/02-movimientos.html b/src/app/01-edicion-basica/02-movimientos.html index e71773a..a763588 100644 --- a/src/app/01-edicion-basica/02-movimientos.html +++ b/src/app/01-edicion-basica/02-movimientos.html @@ -9,20 +9,20 @@ diff --git a/src/app/01-edicion-basica/03-comentarios.ts b/src/app/01-edicion-basica/03-comentarios.ts index b7d6962..ca9899a 100644 --- a/src/app/01-edicion-basica/03-comentarios.ts +++ b/src/app/01-edicion-basica/03-comentarios.ts @@ -8,17 +8,17 @@ Ctrl + \ */ -const a = 10; -const b = 20; -const c = { a, b }; +// const a = 10; +// const b = 20; +// const c = { a, b }; -const a = 30; -const b = 40; -const c = { a, b }; +// const a = 30; +// const b = 40; +// const c = { a, b }; -console.log( a, b, c ); +// console.log( a, b, c ); // Resultado final // Sólo dejar un bloque comentado diff --git a/src/app/01-edicion-basica/04-comentarios.html b/src/app/01-edicion-basica/04-comentarios.html index 6319dba..09d11e4 100644 --- a/src/app/01-edicion-basica/04-comentarios.html +++ b/src/app/01-edicion-basica/04-comentarios.html @@ -11,19 +11,19 @@ -->
- Hola +

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Eum maiores nostrum cum quasi totam. + Eum maiores nostrum

Objetivo final

- Hola +

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Eum maiores nostrum cum quasi totam. + Eum maiores nostrum

diff --git a/src/app/01-edicion-basica/07-borrar-lineas.ts b/src/app/01-edicion-basica/07-borrar-lineas.ts index 006aafd..7f4163e 100644 --- a/src/app/01-edicion-basica/07-borrar-lineas.ts +++ b/src/app/01-edicion-basica/07-borrar-lineas.ts @@ -13,12 +13,9 @@ */ let NoMeBorres = ':)'; -let Borrame = ':('; NoMeBorres = '1'; -Borrame = 'a'; NoMeBorres = '1'; -Borrame = 'a'; // Resultado final (sin los comentarios claro.) diff --git a/src/app/01-edicion-basica/08-deshacer-rehacer.ts b/src/app/01-edicion-basica/08-deshacer-rehacer.ts index 6846e5c..434aa64 100644 --- a/src/app/01-edicion-basica/08-deshacer-rehacer.ts +++ b/src/app/01-edicion-basica/08-deshacer-rehacer.ts @@ -10,7 +10,9 @@ */ - +function holaMundo() { + return 'Saludos'; +} diff --git a/src/app/01-edicion-basica/11-emmet-wrap.html b/src/app/01-edicion-basica/11-emmet-wrap.html index 28a53fc..c5f25b6 100644 --- a/src/app/01-edicion-basica/11-emmet-wrap.html +++ b/src/app/01-edicion-basica/11-emmet-wrap.html @@ -15,7 +15,7 @@

Ejecutar el comando - ng serve + ng serve

diff --git a/src/app/01-edicion-basica/assets/js/app.js b/src/app/01-edicion-basica/assets/js/app.js new file mode 100644 index 0000000..7fa78ef --- /dev/null +++ b/src/app/01-edicion-basica/assets/js/app.js @@ -0,0 +1,2 @@ + +console.log("hola mundo") \ No newline at end of file diff --git a/src/app/02-multi-cursor-edicion/01-clonar-lineas.html b/src/app/02-multi-cursor-edicion/01-clonar-lineas.html index 7535fca..3a5d6bb 100644 --- a/src/app/02-multi-cursor-edicion/01-clonar-lineas.html +++ b/src/app/02-multi-cursor-edicion/01-clonar-lineas.html @@ -16,13 +16,13 @@ --> Hola +Hola +Hola +Hola +Hola -Hola -Hola -Hola -Hola -Hola +Hola \ No newline at end of file diff --git a/src/app/02-multi-cursor-edicion/02-multi-cursor-basico.html b/src/app/02-multi-cursor-edicion/02-multi-cursor-basico.html index 8fe66f7..e6e6337 100644 --- a/src/app/02-multi-cursor-edicion/02-multi-cursor-basico.html +++ b/src/app/02-multi-cursor-edicion/02-multi-cursor-basico.html @@ -9,12 +9,12 @@ --> - - - - - - +
  • Hola Mundo
    • +
  • Hola Mundo
    • +
  • Hola Mundo
    • +
  • Hola Mundo
    • +
  • Hola Mundo
    • +
  • Hola Mundo
    • diff --git a/src/app/02-multi-cursor-edicion/03-multi-cursor-copy.html b/src/app/02-multi-cursor-edicion/03-multi-cursor-copy.html index 35cc8f7..5f4bacf 100644 --- a/src/app/02-multi-cursor-edicion/03-multi-cursor-copy.html +++ b/src/app/02-multi-cursor-edicion/03-multi-cursor-copy.html @@ -9,13 +9,13 @@ Ctrl + Alt+ ↑ / ↓ --> -amarillo -rojo -verde -naranja -morado -negro -blanco +amarillo +rojo +verde +naranja +morado +negro +blanco diff --git a/src/app/02-multi-cursor-edicion/04-multi-cursor-formato.ts b/src/app/02-multi-cursor-edicion/04-multi-cursor-formato.ts index 9fc7623..e9cecb2 100644 --- a/src/app/02-multi-cursor-edicion/04-multi-cursor-formato.ts +++ b/src/app/02-multi-cursor-edicion/04-multi-cursor-formato.ts @@ -8,10 +8,10 @@ Ctrl + Alt+ ↑ / ↓ */ -const hulk = 'brouce banner'; -const Hawkeye = 'cinton francis'; -const ironman = 'tony stark'; -const spiderman = 'peter parker'; +const hulk = 'brouce banner'; +const Hawkeye = 'cinton francis'; +const ironman = 'tony stark'; +const spiderman = 'peter parker'; const viudaNegra = 'natalia romanova'; diff --git a/src/app/02-multi-cursor-edicion/05-capitalizar.ts b/src/app/02-multi-cursor-edicion/05-capitalizar.ts index d6ea76e..e987594 100644 --- a/src/app/02-multi-cursor-edicion/05-capitalizar.ts +++ b/src/app/02-multi-cursor-edicion/05-capitalizar.ts @@ -20,11 +20,11 @@ function capitalizados() { - const hulk = 'brouce banner'; - const Hawkeye = 'cinton francis'; - const ironman = 'tony stark'; - const spiderman = 'peter parker'; - const viudaNegra = 'natalia romanova'; + const Hulk = 'Brouce Banner'; + const Hawkeye = 'Cinton Francis'; + const Ironman = 'Tony Stark'; + const Spiderman = 'Peter Parker'; + const ViudaNegra = 'Natalia Romanova'; } diff --git a/src/app/02-multi-cursor-edicion/06-todas-ocurrencias.html b/src/app/02-multi-cursor-edicion/06-todas-ocurrencias.html index 5b0bcba..26e1e25 100644 --- a/src/app/02-multi-cursor-edicion/06-todas-ocurrencias.html +++ b/src/app/02-multi-cursor-edicion/06-todas-ocurrencias.html @@ -8,16 +8,18 @@ Mantener ⌘ + Doble click Mantener ⌘ + Seleccionar - Mantener Ctrl + Doble click - Mantener Ctrl + Seleccionar + Mantener Alt + Doble click + Mantener Alt + Seleccionar --> -amarillo -

    rojo

    -verde -naranja -naranja-azul +amarillo +

    rojo

    +verde +naranja + + +naranja-azul diff --git a/src/app/02-multi-cursor-edicion/07-siguiente-ocurrencia.html b/src/app/02-multi-cursor-edicion/07-siguiente-ocurrencia.html index 293969d..cc9efce 100644 --- a/src/app/02-multi-cursor-edicion/07-siguiente-ocurrencia.html +++ b/src/app/02-multi-cursor-edicion/07-siguiente-ocurrencia.html @@ -9,10 +9,12 @@ --> -Uno -Dos -Cuarenta y cinco -Un millón, ciento cincuenta mil + diff --git a/src/app/02-multi-cursor-edicion/09-arreglos.ts b/src/app/02-multi-cursor-edicion/09-arreglos.ts index 1e7ffbb..ca5301f 100644 --- a/src/app/02-multi-cursor-edicion/09-arreglos.ts +++ b/src/app/02-multi-cursor-edicion/09-arreglos.ts @@ -11,12 +11,13 @@ // Crear un arreglo con los días de la semana +const diasDemo = ['Lunes', 'Martes','Miercoles','Jueves','Viernes','Sabado','Domingo']; - +const nombreskirvit = ['Duvan','Fernando','Perez','Juanpablo','Roberto']; // Objetivo final -const diasDemo = ['lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado', 'domingo']; +// const diasDemo = ['lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado', 'domingo'];