Tips para Visual Studio Code
Bueno, no se me ocurre de que mas puedo hacer esta pagina, asi que a falta de ideas pense "Oye, por que no hago una pagina de pro-tips de Visual Studio Code?". Y pues bueno aqui estamos :D
Pero bueno, despues de todo puede que algunas de las cosas de aqui les sirvan de algo (o al tez no, pero igual aqui tienen)
Construir estructura HTML con 1 solo caracter
Pues si, al parecer puedes hacer toda la estructura de una pagina HTML utilizando solamente 1 caracter: !
Probablemnte ya conozcas el metodo usando HTML:5, y aunque es muy efectivo, hay un metodo mucho mas rapido que ese para hacer la estructura HTML
Posteriormente, solo basta con precionar tab y listo :D
Introducir una etiqueta dentro de otra
Hay una forma muy útil para poder escribir varias etiquetas e introducirlas una dentro de otra.
El formato es el siguiente:
etiqueta>etiqueta2
Tan solo hay que reemplazar etiqueta por una etiqueta y reemplazar
la etiqueta etiqueta2 por la etiqueta a meter dentro de la primera
etiqueta.
Es decir, si queremos crear una etiqueta
section y meter dentro de ella otra etiqueta llamada article,
deberíamos escribir: section>article
Si queremos ir más
allá y queremos meter un div dentro de la etiqueta section y dentro
de ese div un a, deberíamos escribir:
section>article>div>aY, seguidamente, después de escribir la última etiqueta, presionar la tecla tab.
<section>
<article>
<div><a href=""></a></div>
</article>
</section>
Escribir dentro de una etiqueta
Podemos escribir de forma rápida dentro de una etiqueta utilizando {}.
etiqueta{texto}Tan solo hay que reemplazar etiqueta por la etiqueta y texto, por el texto que queremos agregar dentro de la etiqueta.
Si queremos agregar el texto 'clic aquí' dentro de la etiqueta a, debemos poner:
a{clic aquí}Y, seguidamente, presionar la tecla tab.
<a href=""></a>Extenciones para Visual Studio Code
En VS Code, existe la posibilidad de instalar diferentes extenciones que permiten mejorar la productividad de los programadores
En este ocacion, les mostrare algunas de mis extenciones favoritas de VS Code :)
Background
Katsute
Esta extencion permite añadir múltiples imágenes de fondo para la ventana, los editores, las barras laterales o el panel. Cargue fondos desde un archivo o URL. Transición entre múltiples imágenes de fondo.
Notes
Dion Munk
Esta extencion te permite tomar notas dentro del propio Visual Studio Code. Las notas se escriben en Markdown y se almacenan como archivos .md dentro del directorio de almacenamiento de Notas.
Bookmarks
Alessandro Fragnani
Te ayuda a navegar en tu código, moviéndote entre posiciones importantes fácil y rápidamente. Te permite marcar y desmarcar posiciones en tu codigo, darles un nombre y saltar rapidamente entre las posiciones.
