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
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 ",
}
}
- 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 ",
}
}
