crtl + f
sirve para encontrar una clase o etiqueta o lo que andes buscando con el nombrealt + flecha arriba/abajo
para mover el renglon o renglones(si seleccionaste varios) shift + tabulador
para arreglarCtrl + Shift + /
Comentar codigo, no tienes que seleccionar todo el renglon, con que el cursor este en el renglon, lo podrás comentarCtrl + Shift + A
Comenta lo que hayas seleccionadoCtrl + CLICK en vinculo
Para que te lleve al archivo, sirve también con los nombres de las FUNCIONES y CONSTANTES
select word + ctrl + d
selecciona la sig palabra igual a la que seleccionasteCtrl + CLICK en vinculo + ALT
Ctrl + Shift + L
Te pone un cursor en cada palabra identica que haya a la que estás seleccionandoCtrl + Shift + K
borra las lineasCtrl + Tabulador
para moverse rapido entre las pestañasCtrl + Shift + P
meter el texto seleccionado en etiquetas seleccionar WRAPy luego escribir las etiquetas file>preferences>shortcuts
para crear un shortcut(esa es la ruta en VSC)Ctrl + K + S
Para configurar shortcutsCtrl + D
selecciona la misma palabra o etiquetaCtrl + P luego @
te muestra todo, clases, variables, constantes, funciones etcCtrl + G luego numero
te lleva a la linea que le digas, se usa en archivos grandes
file>preference>user snippet
Primero le das un nombre, luego un prefijo, y por último el body es lo que va a generar.
"media query": {
"prefix": "mq",
"body": [
"@media (min-width: $1) {\n\t$0\n}"
]
}
"media query": {
"prefix": "mq",
"body": [
"@media (min-width: $1) {\n\t$0\n}"
],
"description": "Te escribe el script principal para empezar a escribir tu Media Query en CSS"
}
"media query": {
"prefix": "mq",
"body": [
"@media (${2:min-width: }) {\n\t$0\n}"
],
"description": "Te escribe el script principal para empezar a escribir tu Media Query en CSS"
}
"Generar Clase": {
"prefix": "clase",
"body": [
"export class ${1:nombreClase} {",
"",
" constructor() {",
" $2",
" }",
"}"
],
"description": "Te escribe el script principal para empezar a escribir tu Media Query en CSS"
}
Al dejar las comillas dobles vacías es como un salto de linea, puedes dejar espacio usando barra espaciadora por que el tabulador no lo acepta, por ejemplo donde está el constructor,
el $2 es para que al presionar tabulador me mande a esa posición VSC
"media query": {
"prefix": "mq",
"body": [
"@media (min-width: $1) {\n\t$0\n}"
]
}
"custom properties": {
"prefix": "cust",
"body": [
":root {\n\t /*FUENTES*/ \n\t--fuentePrincipal: 'Staatliches', cursive;\n\t--fuenteTexto: 'Open Sans', sans - serif;\n\t--fuenteSecundaria: 'Raleway', sans - serif;\n\t /*COLORES*/ \n\t--colorPrimario: #FF5B00;\n\t--grisOscuro: #2F2E2E;\n\t--grisClaro: #EBEBEB;\n\t--blanco: #ffffff;\n\t--black: #000000;\n}"
]
}
"fuente": {
"prefix": "fuentes",
"body": [
".clase{\n\tfont-family: var(--fuentePrimaria); {\n\t$0\n}"
]
}