
Instalar primero
1. Adaptive.sublime-theme
Tema oscuro para la interfaz de Sublime Text
2. Monokai Dark
Color Schema que utilizo en Sublime Text
3. FileIcons
Visualiza los íconos de acuerdo a su extensión en el selector de archivos
4. Babel
Selector automático de sintaxis para JavaScript: ECMAScript, TypeScript, React
5. BracketHighlighter
Plugins que permite visualizar donde comienza y termina un bloque de código
6. Emmet
Atajos para agilizar la escritura de código HTML: Tecla o etiqueta + Tabulador
7. Comment-Snippets
Atajos para crear bloques de comentario: comm-section ó comm-html-section
8. AutoFileName
Autocompleta la búsqueda de archivos: CTRL + SPACE
9. Emmet CSS Snippets
Autocompleta la escritura en CSS: CTRL + SPACE
10. Color Highlighter
Plugin que permite visualizar el tono del color en CSS
11. HTML Minifier
Guarda los archivos en formato .min
12. Console Wrap
Atajo que permite sacar Consolas de Javascript y Print_r() de PHP: CTRL + SHIFT + Q
13. JsFormat-master
Atajo para indentar código Javascript: CTRL + ALT + F
14. JSPrettier
Requiere ser instalado a través de NodeJS: npm install --global prettier
15. Bootstrap 4 Autocomplete
Autocompletador de Clases para Bootstrap 4
16. Bootstrap 4x Snippets
Autocompletador de bloques de código de Bootstrap 4
17. jQuery
Autocompletador de acciones y métodos de jQuery
18. Angular CLI
Atajos de comandos de Angular CLI incorporados en Sublime Text
19. JavaScript & NodeJS Snippets
Autocompletador con siglas para ahorrar tiempo de escritura
20. Sublime ES7 React/Redux/React-Native/JS snippets
Autocompletador con siglas para ahorrar tiempo de escritura
Configuración personalizada de Usuario ( Preferences – Settings – Lado user ):
{
"auto_complete_triggers":
[
{
"characters": "b4",
"selector": "text.html"
}
],
"color_scheme": "Packages/Monokai Dark/Monokai Dark.tmTheme",
"font_size": 12,
"highlight_modified_tabs": true,
"ignored_packages":
[
],
"open_files_in_new_window": false,
"save_on_focus_lost": true,
"tab_size": 4,
"theme": "Adaptive.sublime-theme"
}
Configuración personalizada de Atajos ( Preferences – Key Bindings - Lado User ):
[
{ "keys": ["ctrl+."], "command": "toggle_side_bar" },
{ "keys": ["ctrl+,"], "command": "reindent" }
]
♦ Página de Facebook:
♦ Canal YouTube:
♦ Twitter @juanfurrego:
♦ Instagram @tutoriales_a_tu_alcance:
♦ Udemy:
#SublimeText #EditorCodigo #DesarrolloWeb
0 Comments