Convierte Sublime Text en tu mejor herramienta para el desarrollo web
Aprende más de PHP, jQuery, JavaScript, html5, css3, Bootstrap en el siguiente enlace: https://ofertas.tutorialesatualcance.com
Aprende a configurar este poderoso editor de código para que tu trabajo como desarrollador web sea mucho más cómodo y ágil. En este TIP de Tutoriales a tu Alcance aprenderás a instalar plugins, a crear snippets y a configurar atajos.
Sublime Text 3
Descarga Sublime: https://www.sublimetext.com/3
ALGUNOS ATAJOS:
Vista de columnas: ALT + SHIFT + numero de columnas.
Guardar cuando esté fuera de foco: "save_on_focus_lost": true
Para aparecer la vista de archivos: ctrl + . (toggle_side_bar)
Parar el cursor antes del renglón: ctrl
Seleccionar la misma palabra: Ctrl-d
Buscar y reemplazar: ctrl + h
Para salir de las ventanas de sublime: ESC
DESCARGA PACKAGE CONTROL: https://packagecontrol.io/
PLUGIN: Emmet
Atajos en el HTML con tabulador.
Ejemplo: li*5 (tab)
PLUGIN: AdvancedNewFile
Para crear nuevos archivos
ctrl+alt+n
PLUGIN: AutoFileName
Ayuda a autocompletar el nombre del archivo que estamos vinculando.
PLUGIN: Alignment
Alinea código HTML, CSS, Javascript entre otros.
ctrl+alt+a
PLUGIN: BracketHighlighter
Muestra al desarrollador aperturas y cierres de llaves, etiquetas, paréntesis
PLUGIN: HTML Nest Comments
Permite comentar líneas de código HTML
ctrl + shift + }
PLUGIN: Comment-Snippets
Permite crear comentarios básicos, de cabezote y pie de página para html, css, javascript.
HTML:
comm-html-section
comm-html
CSS y JAVASCRIPT:
comm-section
comm
PLUGIN: Color Picker
Permite sacar selector de color.
Ctrl + shift + c
PLUGIN: Console Wrap for JS
Permite crear una consola conel valor de la variable que seleccionemos.
Ctrl + shift + q
PLUGIN: YUI Compressor
Permite comprimir los códigos CSS y Javascript
Ctrl + b
CREAR SNIPPETS:
Tools – Developers – New Snippets
🎓 Catálogo completo de Cursos Online de Tutoriales a tu Alcance: https://tutorialesatualcance.com/cursos
► SÍGUENOS AQUÍ ◀
📰 Blog: https://tutorialesatualcance.com/blog
📑 Facebook: https://facebook.com/tutorialesatualcance
📷 Instagram: https://instagram.com/tutorialesatualcance
👨💼 LinkedIn: https://www.linkedin.com/in/juanfernandourrego
#tutorialesatualcance #udemy #desarrolloweb
Видео Convierte Sublime Text en tu mejor herramienta para el desarrollo web канала Tutoriales a tu Alcance
Aprende a configurar este poderoso editor de código para que tu trabajo como desarrollador web sea mucho más cómodo y ágil. En este TIP de Tutoriales a tu Alcance aprenderás a instalar plugins, a crear snippets y a configurar atajos.
Sublime Text 3
Descarga Sublime: https://www.sublimetext.com/3
ALGUNOS ATAJOS:
Vista de columnas: ALT + SHIFT + numero de columnas.
Guardar cuando esté fuera de foco: "save_on_focus_lost": true
Para aparecer la vista de archivos: ctrl + . (toggle_side_bar)
Parar el cursor antes del renglón: ctrl
Seleccionar la misma palabra: Ctrl-d
Buscar y reemplazar: ctrl + h
Para salir de las ventanas de sublime: ESC
DESCARGA PACKAGE CONTROL: https://packagecontrol.io/
PLUGIN: Emmet
Atajos en el HTML con tabulador.
Ejemplo: li*5 (tab)
PLUGIN: AdvancedNewFile
Para crear nuevos archivos
ctrl+alt+n
PLUGIN: AutoFileName
Ayuda a autocompletar el nombre del archivo que estamos vinculando.
PLUGIN: Alignment
Alinea código HTML, CSS, Javascript entre otros.
ctrl+alt+a
PLUGIN: BracketHighlighter
Muestra al desarrollador aperturas y cierres de llaves, etiquetas, paréntesis
PLUGIN: HTML Nest Comments
Permite comentar líneas de código HTML
ctrl + shift + }
PLUGIN: Comment-Snippets
Permite crear comentarios básicos, de cabezote y pie de página para html, css, javascript.
HTML:
comm-html-section
comm-html
CSS y JAVASCRIPT:
comm-section
comm
PLUGIN: Color Picker
Permite sacar selector de color.
Ctrl + shift + c
PLUGIN: Console Wrap for JS
Permite crear una consola conel valor de la variable que seleccionemos.
Ctrl + shift + q
PLUGIN: YUI Compressor
Permite comprimir los códigos CSS y Javascript
Ctrl + b
CREAR SNIPPETS:
Tools – Developers – New Snippets
🎓 Catálogo completo de Cursos Online de Tutoriales a tu Alcance: https://tutorialesatualcance.com/cursos
► SÍGUENOS AQUÍ ◀
📰 Blog: https://tutorialesatualcance.com/blog
📑 Facebook: https://facebook.com/tutorialesatualcance
📷 Instagram: https://instagram.com/tutorialesatualcance
👨💼 LinkedIn: https://www.linkedin.com/in/juanfernandourrego
#tutorialesatualcance #udemy #desarrolloweb
Видео Convierte Sublime Text en tu mejor herramienta para el desarrollo web канала Tutoriales a tu Alcance
Показать
Комментарии отсутствуют
Информация о видео
9 сентября 2016 г. 17:08:48
00:31:59
Другие видео канала
Tres razones por las que renuncié a mi empleo - parte 2Componentes tipo página | Introducción a REACT - Lección 19Creando Componentes de tipo NavBar | Introducción a REACT - Lección 15Introducción a JAVASCRIPT básico desde cero - Parte 4Aprende REACT desde cero - Parte 3Estilos con tailwind CSS | Introducción a REACT - Lección 29Cómo crear una API con PHP - Lección 25 - Depurar errores en columnasConvertir psd a html dreamweaver - Curso de maquetación web # 8Introducción a HTML5 - CANVAS básico desde cero - Parte 4Introducción a JQUERY básico desde cero - Parte 4Convertir psd a html dreamweaver - Curso de maquetación web # 12Página 404 | Introducción a REACT - Lección 22Animaciones y efectos interactivos con CSS3 - Curso # 14Convertir psd a html dreamweaver - Curso de maquetación web # 17Crear Componentes con Tailwind CSS en React | Introducción a REACT - Lección 17Convertir psd a html dreamweaver - Curso de maquetación web # 18Nuevo Reel https://www.instagram.com/reel/CtJ8FexN5PUCreación de un proyecto en React | Introducción a REACT - Lección 03¡Aprende a crear un sistema de Comercio Electrónico como este!Condicionales en React | Introducción a REACT - Lección 27Comenzar un proyecto PHP con el patrón Modelo-Vista-Controlador |"Haz ingresos pasivos con PHP"