Isai Ismael Sandoval Ccaccro

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">
    Markup
  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>
    Markup
DESCARGAR BOOTSTRAP
  1. descargar bootstrap
    2. <link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
    Markup
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
EXTENSIONFUNCIÓN
Spanish Language Pack for Visual Studio Codepara usar la interfaz de VS Code en español
Live Serverlevanta 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 formatterformatea mi código frontend (HTML, CSS y JavaScript)
ESLintpara integrar ESLint a Visual Studio Code.
ATAJOS VSCODE
ATAJOSFUNCIÓN
SHIFT + ALT + ↓↑duplicar linea de codigo
ALT + ↓↑mover linea de codigo
CNTRL + } / CONTRL + K + C / SHIFT + ALT + Acomentar
CONTRL + Fbuscar y reemplazar
VER->AJUSTE DE PALABRAelimina el scroll horizontal