VISUAL STUDIO CODE

VSCode Portable
  1. Descarga VSC en .ZIP
  2. Extráelo dentro de una carpeta
  3. Crear una carpeta "data" en la ruta principal
  4. Crear 2 carpetas dentro de "data"
    1. user-data
    2. extensions
  5. Instala la extesnion "Settings Sync" para realizar un backup de tus Extensiones
DESCARGAR FONTAWESOME
  1. descargar fontawesome opc. 1
  2. descargar fontawesome opc. 2 
    3.                                         
                                            copiar la carpeta webfonts
                                            <link rel="stylesheet" href="css/all.min.css">
                                            <link rel="stylesheet" href="css/fontawesome.min.css">
  3. kit fontawesome 
    4.                                         
                                            <!-- V5 -->
                                            <script src="https://kit.fontawesome.com/03a89292db.js" crossorigin="anonymous"></script>
                                            <!-- V6 -->
                                            <script src="https://kit.fontawesome.com/646ac4fad6.js" crossorigin="anonymous"></script>
DESCARGAR BOOTSTRAP
  1. descargar bootstrap 
    2.                                         
                                            <link rel="stylesheet" href="css/bootstrap.min.css">
                                            <script src="js/bootstrap.min.js"></script>
DESACTIVAR MINIMAPA VSC
  1. Ctrl + Shift + P -> Open User Settings
  2. "editor.minimap.enabled": false
CAMBIAR FUENTE VSC
  1. Descargar fuente Jetbrains Mono
  2. Descargar fuente Fira Code
  3. settings / configuraciones
  4. user->text editor
  5. font->Jetbrains Mono
  6. reiniciar VSC
EXTENSIONES VSCODE
EXTENSION FUNCIÓN
Spanish Language Pack for Visual Studio Code para usar la interfaz de VS Code en español
Live Server levanta un servidor local de desarrollo con función de recarga en vivo para páginas estáticas y dinámicas desde Visual Studio Code
Prettier - Code formatter formatea mi código frontend (HTML, CSS y JavaScript)
ESLint para integrar ESLint a Visual Studio Code.
ATAJOS VSCODE
ATAJOS FUNCIÓN
SHIFT + ALT + ↓↑ duplicar linea de codigo
ALT + ↓↑ mover linea de codigo
CNTRL + } / CONTRL + K + C / SHIFT + ALT + A comentar
CONTRL + F buscar y reemplazar
VER->AJUSTE DE PALABRA elimina el scroll horizontal