CONFIGURACION Y PLUGINS PARA VISUAL STUDIO CODE

Configuración de Usuario
  -> Ir a archivo -> Preferencias -> Configuración
-------------------------------------------
{
 "editor.wordWrap": "on",
 "window.zoomLevel": 1,
 "editor.fontSize": 17,
 "editor.fontFamily": "Dejavu Sans Mono,'Hack','Courier New',monospace",
 "window.restoreWindows": "none"
}
-------------------------------------------

Instalar Plugins:
- Vscode-icons, simple-icons
- Monokai-EasyLight, Material Theme Static
-  Live Server
-  resaltar la etiqueta coincidente
-  Autofilename
- Sublime Text Keymap
-  Ver en el navegador
-  Htmltagwrap

-  Auto Rename Tag

-  Comment Divider

-  DotENV

-  Error Lens

-  ESLint

-  Highlight Matching Tag

-  html tag wrapper

-  Intellisense for CSS class names in HTML

-  Material Dark

-  Material Icon Theme

-  Path Intellisense

-  Prettier - Code formatter

-  Split HTML Attibutes(Vue, React, Angular)

-  Tailwind CSS Intellisense

-  Live Server

-  Trailing Spaces

Autofilename: Permite vincular  archivos mediante la sugerencia al escribir la el atributo href de HTML o utilizando métodos como require_once de PHP y demás.

vscode-icons: Son plugins que permite mejorar el tema o interfaz  del explorador de archivos, en el cual asocia a cada tipo de archivo con un icono identificable. Para activar los iconos ir a –> Archivos -> Preferencia –>Tema de iconos de archivo.
===================================================================
Configuración Personal
--------------------------------------
{
"window.zoomLevel": 0,
"editor.fontSize": 17,
"editor.fontFamily": "Consolas, 'Courier New', monospace" ,
"workbench.startupEditor": "none",
"window.titleBarStyle": "custom",
"workbench.iconTheme": "vscode-icons",
"editor.minimap.enabled": false,
"editor.wordWrap":"on",
"window.restoreWindows":"none",
"workbench.colorTheme": "Material Theme Static",
"git.ignoreMissingGitWarning": true,
"terminal.integrated.shell.windows":"C:\\Program Files\\Git\\bin\\bash.exe",
"workbench.colorCustomizations": {
"editor.background":"#1F1E1F",
"activityBar.background":"#333333",
"sideBar.background":"#252526",
"sideBar.border": "#434343",
"tab.activeBorder": "#a4e1f1",
"tab.inactiveBackground": "#383737",
"tab.activeBackground": "#1b78be",
"editor.wordHighlightBackground": "#384450",
"panel.border":"#007ACC",
"statusBar.background": "#007ACC",
"editor.lineHighlightBackground": "#1E1E1E",
"editorLineNumber.activeForeground": "#FFF",
"editor.selectionBackground":"#464646",
"editorBracketMatch.background":"#083C5A",
"editorBracketMatch.border":"#1E1E1E",
"scrollbarSlider.hoverBackground": "#585858",
"scrollbarSlider.background": "#585858",
"scrollbarSlider.activeBackground": "#585858",
}


"highlight-matching-tag.rightStyle": {
"borderWidth": "0 1px 0 0",
"borderStyle": "dotted",
"borderColor": "# 01eaff",
"borderRadius": "1px",
        }
"resaltado -matching-tag.leftStyle ": {
" borderStyle ":" none ",
        }
}

Atajos de Teclado Sublime Text3

Atajos de Teclado Sublime Text3
===========================

* Cambiar posición de una linea  -> Ctrl + shift + ↑  ó Ctrl + shift + ↓
* Duplicar linea actual  -> Ctrl + shift + D
* Comentarios Seleccionar linea  -> Ctrl + shift + }
* Duplicar linea actual  -> Ctrl + Shift + D
* Cambiar textos iguales Seleccionar  -> Alt +F3
* Alinear texto Seleccionar  -> Ctrl + ? ó Ctrl + ¿
* Agregar etiqueta a un párrafo Seleccionar  -> Ctrl + Shift + G
* Seleccionar toda una linea código  -> Shift + Fin + ↓