Visual Studio Code - personalización

Visual Studio Code (VSC) es un editor de código fuente, rápido y liviano que permite ver, editar, ejecutar y depurar código fuente para aplicaciones. Es utilizado por desarrolladores front-end con soporte para la depuración, control integrado de Git, resaltado de sintaxis, finalización inteligente de código, fragmentos y refactorización de código.

https://code.visualstudio.com

Importancia de personalizar tu editor de codigo: "La mayor parte del tiempo te la pasaras revisando códigos". Por ejemplo: Acá te aconsejan lo siguiente: https://www.youtube.com/shorts/

 

Configuraciones básicas 

Configuraciones básicas de Visual Studio Code!  https://youtu.be/uyEUVgNMvGI

• Paso 1, Configurar el puntero: Entrar a configuraciones (settings) y buscar cursor blinking, y seleccionar Expand.
• Paso 2, Configurar apertura y cierre de etiquetas: Entrar a configuraciones (settings) y buscar linked editing y luego activarlo. 
• Paso 3, Colorizar lo las llaves de apertura y cierre: Entrar a configuraciones (settings) y buscar bracket pair colorization y luego activarlo. También buscar bracket pairs y cambiar el valor a TRUE.

 

Configurar Formato 

 Configurar Formato en Visual estudio code:

1. Configurar el salto de línea automático (Modificando settings.json) https://youtu.be/_L2ApRZ6Km8
2. Cambiar El Formateador Por Defecto (Usando Prettier) https://youtu.be/9tTQbbAdd00
3. Prettier in VS Code - Code Formatting https://youtu.be/__eiQumLOEo

 

Extensiones:

Extensiones: Cómo configurar VSCode https://youtu.be/HiVnGgYudLY

1. Indenticator
2. Material Icon Theme
3. Prettier Formatter
4. Auto Rename Tag
5. Spanish Language Pack
6. --

 

En Windows, la instalación de  VSC:

Paso 1: Descargar desde su sitio web oficial: https://code.visualstudio.com/
Paso 2: Instalar VSC: VSCodeUserSetup / Ejecutar / Aceptar términos de licencia / Seleccionar carpeta de destino / Seleccionar carpeta del menú de Inicio / Seleccionar las tareas adicionales (Acceso directo en escritorio, Abrir con code VSC, registrar code como editor de archivos admitidos) / Installar / Finalizar. 

Paso 3: Configuraciones de VSC: 

• configuraciones Basicas de VSC: https://youtu.be/uyEUVgNMvGI
• Personalizar VSC en 2024: https://youtu.be/6lHbg0-bkOU
• 16 extensiones de VSCode que NECESITAS instalar https://youtu.be/f0pXa6Mm6D4
• VSC: Configuración, tips, atajos, extensiones: https://youtu.be/HqE-lGznGac

Paso 4: Instalar Node.js, Descargar desde su sitio web oficial: https://nodejs.org/es
Node.js® es un entorno de ejecución de JavaScript multiplataforma, de código abierto y gratuito que permite a los desarrolladores crear servidores, aplicaciones web, herramientas de línea de comando y scripts.