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
Другие видео канала
![🔥 20 TRUCOS 🔥 para convertir Sublime Text en tu mejor herramienta 2020](https://i.ytimg.com/vi/F6XadtOjIek/default.jpg)
![Curso HTML para Principiantes](https://i.ytimg.com/vi/rbuYtrNUxg4/default.jpg)
![](https://i.ytimg.com/vi/JDa9OgwuqL4/default.jpg)
![Plugins para potenciar Sublime Text 3 en JS, PHP, HTML, CSS y PYTHON](https://i.ytimg.com/vi/df7x-l0WcvY/default.jpg)
![Cómo empezar en Desarrollo Web](https://i.ytimg.com/vi/s_lUd8mhPpQ/default.jpg)
![Linux para Desarrollo Web, Instalando Programas en Linux Lite 4](https://i.ytimg.com/vi/526NfikEVCM/default.jpg)
![Aprende a Diseñar Formularios Profesionales con Validación de Datos](https://i.ytimg.com/vi/cEKDyzoTXb4/default.jpg)
![Curso de Python. Módulos. Vídeo 34](https://i.ytimg.com/vi/t93x-vnFvP4/default.jpg)
![La Mejor Herramienta Para Programadores, Editor de Código - Atom](https://i.ytimg.com/vi/vJiGnPD_dDE/default.jpg)
![Programa una Página Web Estilo NETFLIX con HTML 5 y CSS 3](https://i.ytimg.com/vi/cVvLm5Pjssk/default.jpg)
![01 Curso de Sublime Text Instalación y Plugins](https://i.ytimg.com/vi/uPYgcOd74Rg/default.jpg)
![Introducción a PHP básico desde cero - Parte 1](https://i.ytimg.com/vi/m-ovirhigVQ/default.jpg)
![Introducción a XML - 1 - Tutorial XML básico en español](https://i.ytimg.com/vi/PxGICnkFZJU/default.jpg)
![Slider automático con HTML y CSS](https://i.ytimg.com/vi/oP5472drWiI/default.jpg)
![EXTENSIONES para Visual Studio Code](https://i.ytimg.com/vi/5lmFAjPk9Vg/default.jpg)
![🔵 INSTALAR SUBLIME TEXT 3 MAS PLUGINS ESCENCIALES 2021](https://i.ytimg.com/vi/9kAvz4MO-Uk/default.jpg)
![5 MEJORES PLUGINS PARA SUBLIME TEXT 3 | TOP 5](https://i.ytimg.com/vi/cGy5OS6lQ5U/default.jpg)
![Hacer URLs amigables con htaccess](https://i.ytimg.com/vi/jgF_fSv9Mdg/default.jpg)
![Curso PHP Desde Cero, para principiantes | Tutorial PHP](https://i.ytimg.com/vi/4K9p2GyrWQo/default.jpg)
![Introducción a los eventos en jQuery](https://i.ytimg.com/vi/N8adWcguC3M/default.jpg)