{"id":12017,"date":"2022-04-15T19:23:04","date_gmt":"2022-04-15T17:23:04","guid":{"rendered":"https:\/\/www.beseit.net\/?page_id=12017"},"modified":"2022-04-15T19:50:01","modified_gmt":"2022-04-15T17:50:01","slug":"sublime-text-3","status":"publish","type":"page","link":"https:\/\/www.beseit.net\/?page_id=12017","title":{"rendered":"Sublime text 3"},"content":{"rendered":"<div id=\"content\" class=\"mw-body\" role=\"main\">\n<h1 id=\"firstHeading\" class=\"firstHeading\">Tutorial sobre editor Sublime Text 3<\/h1>\n<div id=\"bodyContent\" class=\"mw-body-content\">\n<div id=\"siteSub\" class=\"noprint\">De Manuais Inform\u00e1tica &#8211; IES San Clemente.<\/div>\n<div id=\"mw-content-text\" class=\"mw-content-ltr\" dir=\"ltr\" lang=\"es\">\n<div class=\"mw-parser-output\">\n<div id=\"toc\" class=\"toc\" role=\"navigation\" aria-labelledby=\"mw-toc-heading\">\n<p><input id=\"toctogglecheckbox\" class=\"toctogglecheckbox\" style=\"display: none;\" role=\"button\" type=\"checkbox\" \/><\/p>\n<div class=\"toctitle\" dir=\"ltr\" lang=\"es\">\n<h2 id=\"mw-toc-heading\">Sumario<\/h2>\n<\/div>\n<ul>\n<li class=\"toclevel-1 tocsection-1\"><a href=\"#Editor_Sublime_Text_3_.28ST3.29\"><span class=\"tocnumber\">1<\/span> <span class=\"toctext\">Editor Sublime Text 3 (ST3)<\/span><\/a>\n<ul>\n<li class=\"toclevel-2 tocsection-2\"><a href=\"#Instalaci.C3.B3n_de_Sublime_Text_3\"><span class=\"tocnumber\">1.1<\/span> <span class=\"toctext\">Instalaci\u00f3n de Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-3\"><a href=\"#Combinaciones_de_teclas_y_funciones_b.C3.A1sicas_en_Sublime_Text_3\"><span class=\"tocnumber\">1.2<\/span> <span class=\"toctext\">Combinaciones de teclas y funciones b\u00e1sicas en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-4\"><a href=\"#Configuraci.C3.B3n_del_instalador_de_paquetes_en_Sublime_Text_3\"><span class=\"tocnumber\">1.3<\/span> <span class=\"toctext\">Configuraci\u00f3n del instalador de paquetes en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-5\"><a href=\"#Configuraci.C3.B3n_de_cliente_FTP_en_Sublime_Text_3\"><span class=\"tocnumber\">1.4<\/span> <span class=\"toctext\">Configuraci\u00f3n de cliente FTP en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-6\"><a href=\"#Instalaci.C3.B3n_de_plugin_SideBarEnhancements_en_Sublime_Text_3\"><span class=\"tocnumber\">1.5<\/span> <span class=\"toctext\">Instalaci\u00f3n de plugin SideBarEnhancements en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-7\"><a href=\"#Configuraci.C3.B3n_de_Navegador_por_defecto_en_Sublime_Text_3\"><span class=\"tocnumber\">1.6<\/span> <span class=\"toctext\">Configuraci\u00f3n de Navegador por defecto en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-8\"><a href=\"#Configuraci.C3.B3n_de_combinaci.C3.B3n_de_teclas_para_abrir_navegador_en_Sublime_Text_3\"><span class=\"tocnumber\">1.7<\/span> <span class=\"toctext\">Configuraci\u00f3n de combinaci\u00f3n de teclas para abrir navegador en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-9\"><a href=\"#Reindentar_c.C3.B3digo_con_CodeFormatter_en_Sublime_Text_3\"><span class=\"tocnumber\">1.8<\/span> <span class=\"toctext\">Reindentar c\u00f3digo con CodeFormatter en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-10\"><a href=\"#Comentar.2Fdescomentar_c.C3.B3digo_en_Sublime_Text_3\"><span class=\"tocnumber\">1.9<\/span> <span class=\"toctext\">Comentar\/descomentar c\u00f3digo en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-11\"><a href=\"#Auto_ajuste_de_l.C3.ADneas_largas_.28wrap.29_en_Sublime_Text_3\"><span class=\"tocnumber\">1.10<\/span> <span class=\"toctext\">Auto ajuste de l\u00edneas largas (wrap) en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-12\"><a href=\"#Plugin_Emmet_en_Sublime_Text_3\"><span class=\"tocnumber\">1.11<\/span> <span class=\"toctext\">Plugin Emmet en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-13\"><a href=\"#Plugin_Bootstrap_3_Snippets_en_Sublime_Text_3\"><span class=\"tocnumber\">1.12<\/span> <span class=\"toctext\">Plugin Bootstrap 3 Snippets en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-14\"><a href=\"#Plugin_BracketHighlighter_en_Sublime_Text_3\"><span class=\"tocnumber\">1.13<\/span> <span class=\"toctext\">Plugin BracketHighlighter en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-15\"><a href=\"#Plugin_ColorPicker_en_Sublime_Text_3\"><span class=\"tocnumber\">1.14<\/span> <span class=\"toctext\">Plugin ColorPicker en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-16\"><a href=\"#Plugin_DocBlockr_en_Sublime_Text_3\"><span class=\"tocnumber\">1.15<\/span> <span class=\"toctext\">Plugin DocBlockr en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-17\"><a href=\"#Plugin_HTML-CSS-JS_Prettify_en_Sublime_Text_3\"><span class=\"tocnumber\">1.16<\/span> <span class=\"toctext\">Plugin HTML-CSS-JS Prettify en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-18\"><a href=\"#Plugin_Typescript_para_trabajar_con_Angular2_en_Sublime_Text_3\"><span class=\"tocnumber\">1.17<\/span> <span class=\"toctext\">Plugin Typescript para trabajar con Angular2 en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-19\"><a href=\"#Plugin_Laravel_Blade_Highlighter_en_Sublime_Text_3\"><span class=\"tocnumber\">1.18<\/span> <span class=\"toctext\">Plugin Laravel Blade Highlighter en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-20\"><a href=\"#Plugin_Laravel_Color_Scheme_en_Sublime_Text_3\"><span class=\"tocnumber\">1.19<\/span> <span class=\"toctext\">Plugin Laravel Color Scheme en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-21\"><a href=\"#Plugin_PHP_Getters_and_Setters_en_Sublime_Text_3\"><span class=\"tocnumber\">1.20<\/span> <span class=\"toctext\">Plugin PHP Getters and Setters en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-22\"><a href=\"#Plugin_PHPcs_en_Sublime_Text_3\"><span class=\"tocnumber\">1.21<\/span> <span class=\"toctext\">Plugin PHPcs en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-23\"><a href=\"#Plugin_PHP_Constructors_en_Sublime_Text_3\"><span class=\"tocnumber\">1.22<\/span> <span class=\"toctext\">Plugin PHP Constructors en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-24\"><a href=\"#Plugin_Pretty_JSON_en_Sublime_Text_3\"><span class=\"tocnumber\">1.23<\/span> <span class=\"toctext\">Plugin Pretty JSON en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-25\"><a href=\"#Plugin_EJS_V2_Sublime_Text_3\"><span class=\"tocnumber\">1.24<\/span> <span class=\"toctext\">Plugin EJS V2 Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-26\"><a href=\"#Plugin_SublimeCodeIntel_en_Sublime_Text_3\"><span class=\"tocnumber\">1.25<\/span> <span class=\"toctext\">Plugin SublimeCodeIntel en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-27\"><a href=\"#Plugin_SublimeLinter_Sublime_Text_3\"><span class=\"tocnumber\">1.26<\/span> <span class=\"toctext\">Plugin SublimeLinter Sublime Text 3<\/span><\/a>\n<ul>\n<li class=\"toclevel-3 tocsection-28\"><a href=\"#SublimeLinter-php\"><span class=\"tocnumber\">1.26.1<\/span> <span class=\"toctext\">SublimeLinter-php<\/span><\/a><\/li>\n<li class=\"toclevel-3 tocsection-29\"><a href=\"#SublimeLinter-jshint\"><span class=\"tocnumber\">1.26.2<\/span> <span class=\"toctext\">SublimeLinter-jshint<\/span><\/a><\/li>\n<li class=\"toclevel-3 tocsection-30\"><a href=\"#SublimeLinter-json\"><span class=\"tocnumber\">1.26.3<\/span> <span class=\"toctext\">SublimeLinter-json<\/span><\/a><\/li>\n<li class=\"toclevel-3 tocsection-31\"><a href=\"#SublimeLinter-csslint\"><span class=\"tocnumber\">1.26.4<\/span> <span class=\"toctext\">SublimeLinter-csslint<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"toclevel-2 tocsection-32\"><a href=\"#Plugin_Terminal_en_Sublime_Text_3\"><span class=\"tocnumber\">1.27<\/span> <span class=\"toctext\">Plugin Terminal en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-33\"><a href=\"#Plugin_TrailingSpaces_en_Sublime_Text_3\"><span class=\"tocnumber\">1.28<\/span> <span class=\"toctext\">Plugin TrailingSpaces en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-34\"><a href=\"#Combinaci.C3.B3n_de_teclas_para_grabar_todos_los_archivos_en_Sublime_Text_3\"><span class=\"tocnumber\">1.29<\/span> <span class=\"toctext\">Combinaci\u00f3n de teclas para grabar todos los archivos en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-35\"><a href=\"#Creaci.C3.B3n_de_un_snippet_en_Sublime_Text_3\"><span class=\"tocnumber\">1.30<\/span> <span class=\"toctext\">Creaci\u00f3n de un snippet en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-36\"><a href=\"#Configuraci.C3.B3n_de_Git_en_Sublime_Text_3\"><span class=\"tocnumber\">1.31<\/span> <span class=\"toctext\">Configuraci\u00f3n de Git en Sublime Text 3<\/span><\/a><\/li>\n<li class=\"toclevel-2 tocsection-37\"><a href=\"#Configuraci.C3.B3n_de_Sublime_Text_3_para_seguir_los_est.C3.A1ndares_PSR-2\"><span class=\"tocnumber\">1.32<\/span> <span class=\"toctext\">Configuraci\u00f3n de Sublime Text 3 para seguir los est\u00e1ndares PSR-2<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<h1><span id=\"Editor_Sublime_Text_3_(ST3)\"><\/span><span id=\"Editor_Sublime_Text_3_.28ST3.29\" class=\"mw-headline\">Editor Sublime Text 3 (ST3)<\/span><\/h1>\n<p>Sublime 3 es un editor de c\u00f3digo muy r\u00e1pido y sofisticado que nos permitir\u00e1 ejecutar un mont\u00f3n de tareas de forma muy r\u00e1pida y sencilla.<br \/>\nSoporte muchos lenguajes de programaci\u00f3n y dispone de un sistema de instalaci\u00f3n de paquetes adiciones que ampl\u00edan sus caracter\u00edsticas de forma ilimitada.<\/p>\n<ul>\n<li>P\u00e1gina Oficial: <a class=\"external free\" href=\"http:\/\/www.sublimetext.com\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/www.sublimetext.com<\/a><\/li>\n<li>Documentaci\u00f3n Oficial: <a class=\"external free\" href=\"http:\/\/www.sublimetext.com\/docs\/3\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/www.sublimetext.com\/docs\/3\/<\/a><\/li>\n<\/ul>\n<h2><span id=\"Instalaci\u00f3n_de_Sublime_Text_3\"><\/span><span id=\"Instalaci.C3.B3n_de_Sublime_Text_3\" class=\"mw-headline\">Instalaci\u00f3n de Sublime Text 3<\/span><\/h2>\n<ol>\n<li>Para Instalar Sublime 3 tendremos que ir a la p\u00e1gina <a class=\"external free\" href=\"http:\/\/www.sublimetext.com\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/www.sublimetext.com<\/a><\/li>\n<li>Descargaremos el paquete de instalaci\u00f3n para nuestra versi\u00f3n de sistema operativo (actualmente Sublime Text est\u00e1 en versi\u00f3n Beta) <a class=\"external free\" href=\"http:\/\/www.sublimetext.com\/3\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/www.sublimetext.com\/3<\/a><\/li>\n<li>Disponemos de versiones para OSX, Windows(32 y 64 bits) y Ubuntu (32 y 64 bits).<\/li>\n<li>Seguimos los pasos indicados en la instalaci\u00f3n.<\/li>\n<\/ol>\n<h2><span id=\"Combinaciones_de_teclas_y_funciones_b\u00e1sicas_en_Sublime_Text_3\"><\/span><span id=\"Combinaciones_de_teclas_y_funciones_b.C3.A1sicas_en_Sublime_Text_3\" class=\"mw-headline\">Combinaciones de teclas y funciones b\u00e1sicas en Sublime Text 3<\/span><\/h2>\n<p><b>Selecci\u00f3n m\u00faltiple<\/b><\/p>\n<ul>\n<li>Pulsando <b>Ctrl + D<\/b>, seleccionamos la pr\u00f3xima ocurrencia de la palabra\/string que tenemos seleccionada.<\/li>\n<li>Pulsando <b>Ctrl + L<\/b>, seleccionamos la pr\u00f3xima linea.<\/li>\n<li>Pulsando <b>Ctrl<\/b> y utilizando el <b>rat\u00f3n<\/b>, podemos seleccionar lo que queramos.<\/li>\n<\/ul>\n<p><b>Linea de Comandos<\/b><\/p>\n<ul>\n<li>Pulsando <b>Ctrl + Shift + P<\/b> podemos abrir la linea de comandos, desde la cual podemos hacer de todo.. desde insertar snippets.. cambiar configuraciones a cambiar de lenguaje.<\/li>\n<\/ul>\n<p><b>Movernos por el c\u00f3digo<\/b><\/p>\n<ul>\n<li>Pulsando <b>Ctrl + P<\/b>, podemos navegar por el source del archivo abierto, por otros archivos y etc..<\/li>\n<li>Pulsando <b>Ctrl + R<\/b>, puedes encontrar los metodos\/funciones de tu documento.<\/li>\n<li>Si pulsamos <b>Ctrl + G<\/b>, y escribimos un n\u00famero, nos llevar\u00e1 a la l\u00ednea con ese n\u00famero.<\/li>\n<li>Si al pulsar <b>Ctrl + P<\/b> escribimos <b>#<\/b>, nos mostrar\u00e1 todas las etiquetas de un documento HTML.<\/li>\n<\/ul>\n<p><b>M\u00faltiples cursores<\/b><\/p>\n<ul>\n<li>Pulsando <b>Ctrl<\/b> y haciendo <b>click<\/b> sobre las lineas, podemos insertar m\u00faltiples cursores y cambiar o a\u00f1adir contenido a la vez.<\/li>\n<\/ul>\n<p><b>Modo anti-distracci\u00f3n<\/b><\/p>\n<ul>\n<li>Para entrar en el modo anti-distracci\u00f3n, puedes pulsar <b>Shift + F11<\/b>. Esto centrara el c\u00f3digo y lo pondr\u00e1 a &#8220;Full Screen&#8221;.<\/li>\n<\/ul>\n<p>Para m\u00e1s informaci\u00f3n visitar las siguientes URL con ejemplos de ST3:<\/p>\n<ul>\n<li><b><a class=\"external free\" href=\"http:\/\/www.emezeta.com\/articulos\/guia-sublime-text\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/www.emezeta.com\/articulos\/guia-sublime-text<\/a><\/b><\/li>\n<li><b><a class=\"external free\" href=\"http:\/\/foro.elhacker.net\/desarrollo_web\/tips_y_trucos_sublime_text_2-t364397.0.html\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/foro.elhacker.net\/desarrollo_web\/tips_y_trucos_sublime_text_2-t364397.0.html<\/a><\/b><\/li>\n<\/ul>\n<h2><span id=\"Configuraci\u00f3n_del_instalador_de_paquetes_en_Sublime_Text_3\"><\/span><span id=\"Configuraci.C3.B3n_del_instalador_de_paquetes_en_Sublime_Text_3\" class=\"mw-headline\">Configuraci\u00f3n del instalador de paquetes en Sublime Text 3<\/span><\/h2>\n<p>Una vez instalado <b>Sublime Text 3<\/b> vamos a configurar el sistema que nos permitir\u00e1 instalar componentes adicionales. Ese sistema es el <b>package control<\/b>.<\/p>\n<p>Para instalar el package control haremos lo siguiente:<\/p>\n<ul>\n<li>Abrimos Sublime Text y veremos el siguiente aspecto:<\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:Sublime-general.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/e\/ef\/Sublime-general.jpg\" alt=\"Sublime-general.jpg\" width=\"795\" height=\"678\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Activamos que se muestre la barra lateral en el men\u00fa <b>View -&gt; Side Bar -&gt; Show Side Bar<\/b>.<\/li>\n<li><b>Si no se activa el Side Bar<\/b> pulsar en la opci\u00f3n <b>View -&gt; Side Bar -&gt;Show Open Files<\/b> .<\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:Sublime-sidebar.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/c\/c4\/Sublime-sidebar.jpg\" alt=\"Sublime-sidebar.jpg\" width=\"795\" height=\"678\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Mostraremos la consola con <b>View -&gt; Console.<\/b><\/li>\n<li>Iremos a la siguiente p\u00e1gina: <b><a class=\"external free\" href=\"https:\/\/sublime.wbond.net\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">https:\/\/sublime.wbond.net\/<\/a><\/b><\/li>\n<li>Pulsaremos en la opci\u00f3n <b>Install Now &gt;<\/b><\/li>\n<li>Seleccionamos el texto indicado para nuestra versi\u00f3n y lo copiamos.<\/li>\n<li>Vamos a la consola de Sublime Text y lo pegamos.<\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:Sublime-consola.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/8\/8b\/Sublime-consola.jpg\" alt=\"Sublime-consola.jpg\" width=\"795\" height=\"678\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li>Pulsaremos Enter y esperaremos a que el sistema actualice los repositorios.<\/li>\n<\/ul>\n<ul>\n<li><b>Para acceder al package control<\/b> iremos a <b>Tools -&gt; Command Palette (CTRL + Shift + P)<\/b> y una vez all\u00ed teclearemos <b>package<\/b> y seleccionamos <b>Package Control: Install Package<\/b><\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:Sublime-package-control-install.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/9\/97\/Sublime-package-control-install.jpg\" alt=\"Sublime-package-control-install.jpg\" width=\"790\" height=\"673\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li>Una vez en el package manager podremos buscar en la lista el plugin que queramos instalar.<\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:Sublime-package-control-plugins-lista.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/f\/f3\/Sublime-package-control-plugins-lista.jpg\" alt=\"Sublime-package-control-plugins-lista.jpg\" width=\"789\" height=\"671\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h2><span id=\"Configuraci\u00f3n_de_cliente_FTP_en_Sublime_Text_3\"><\/span><span id=\"Configuraci.C3.B3n_de_cliente_FTP_en_Sublime_Text_3\" class=\"mw-headline\">Configuraci\u00f3n de cliente FTP en Sublime Text 3<\/span><\/h2>\n<p>En Sublime Text podemos configurar un cliente FTP que nos permitir\u00e1 enviar nuestros ficheros al servidor de forma autom\u00e1tica cada vez que grabamos el fichero.<\/p>\n<ul>\n<li>Para ello abriremos el Package Control con <b>CTRL + Shift + P<\/b> , teclearemos <b>package<\/b> y seleccionamos <b>Package Control: Install Package<\/b><\/li>\n<\/ul>\n<ul>\n<li>Tecleamos <b>SFTP<\/b> y lo seleccionamos:<\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:SublimeText-sftp.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/a\/a9\/SublimeText-sftp.jpg\" alt=\"SublimeText-sftp.jpg\" width=\"500\" height=\"179\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li>Una vez instalado configuraremos el plugin de la siguiente forma:<\/li>\n<\/ul>\n<ul>\n<li>En la vista lateral <b>click con el bot\u00f3n derecho<\/b> en la carpeta principal en la que queremos configurar nuestro FTP autom\u00e1tico y seleccionaremos la opci\u00f3n <b>SFTP\/FTP: Map to Remote&#8230;<\/b><\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:SublimeText-sftp-map-to-remote.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/6\/6d\/SublimeText-sftp-map-to-remote.jpg\" alt=\"SublimeText-sftp-map-to-remote.jpg\" width=\"790\" height=\"672\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li>Configuraremos las siguientes opciones seg\u00fan nuestros par\u00e1metros:<\/li>\n<\/ul>\n<div class=\"floatnone\"><a class=\"image\" href=\"\/index.php\/Archivo:SublimeText-sftp-config.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/3\/3f\/SublimeText-sftp-config.jpg\" alt=\"SublimeText-sftp-config.jpg\" width=\"801\" height=\"853\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h2><span id=\"Instalaci\u00f3n_de_plugin_SideBarEnhancements_en_Sublime_Text_3\"><\/span><span id=\"Instalaci.C3.B3n_de_plugin_SideBarEnhancements_en_Sublime_Text_3\" class=\"mw-headline\">Instalaci\u00f3n de plugin SideBarEnhancements en Sublime Text 3<\/span><\/h2>\n<p>Si queremos probar nuestras p\u00e1ginas en un navegador por defecto y en una URL determinada haremos lo siguiente:<\/p>\n<ul>\n<li>Tendremos que instalarnos primero el plugin: <b>SideBarEnhancements<\/b>.<\/li>\n<\/ul>\n<ul>\n<li>Para ello pulsaremos <b>CTRL + Shift + P<\/b> teclearemos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b><\/li>\n<li>Tecleamos <b>SideBarEnhancements<\/b><\/li>\n<li>Una vez instalado el plugin en el SideBar cuando pulsemos con el <b>bot\u00f3n derecho<\/b> nos aparecer\u00e1n m\u00e1s opciones de gesti\u00f3n de ficheros adicionales.<\/li>\n<\/ul>\n<p><a class=\"image\" href=\"\/index.php\/Archivo:Menu-contextual-sidebar.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/d\/dd\/Menu-contextual-sidebar.jpg\" alt=\"Menu-contextual-sidebar.jpg\" width=\"395\" height=\"923\" \/><\/a><\/p>\n<ul>\n<li>A continuaci\u00f3n tendremos que configurar la URL d\u00f3nde queremos que se abran nuestras p\u00e1ginas de prueba.<\/li>\n<li>Haremos <b>click con el bot\u00f3n derecho del rat\u00f3n<\/b> en la <b>carpeta principal<\/b> equivalente a la ra\u00edz en nuestro servidor web y seleccionaremos <b>Project<\/b> -&gt; <b>Edit Preview URLs<\/b><\/li>\n<\/ul>\n<p><a class=\"image\" href=\"\/index.php\/Archivo:Project-Edit-Preview-URLS.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/e\/ee\/Project-Edit-Preview-URLS.jpg\" alt=\"Project-Edit-Preview-URLS.jpg\" width=\"989\" height=\"923\" \/><\/a><\/p>\n<ul>\n<li>Editaremos el fichero con las rutas d\u00f3nde se encuentran nuestros ficheros locales (en nuestra carpeta personal L: <b>(fijarse que la ruta termina con \/<\/b>)<\/li>\n<\/ul>\n<p><a class=\"image\" href=\"\/index.php\/Archivo:Ruta-local-ficheros-web.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/3\/35\/Ruta-local-ficheros-web.jpg\" alt=\"Ruta-local-ficheros-web.jpg\" width=\"511\" height=\"163\" \/><\/a><\/p>\n<ul>\n<li>Al pulsar la tecla <b>F12<\/b> se abrir\u00e1 el servidor de <b>Testing<\/b>.<\/li>\n<li>Al pulsar la tecla <b>ALt+F12<\/b> se abrir\u00e1 el servidor de <b>Producci\u00f3n<\/b>.<\/li>\n<\/ul>\n<p>Ejemplo de c\u00f3digo de <b>SideBarEnhancements.json<\/b>:<\/p>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"E:\/xampp\/htdocs\/web\/_dev\/www.veiga.local\/\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"url_testing\"<\/span><span class=\"o\">:<\/span><span class=\"s2\">\"http:\/\/localhost\/web\/www.veiga.local\/\"<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"s2\">\"url_production\"<\/span><span class=\"o\">:<\/span><span class=\"s2\">\"http:\/\/localhost\/web\/www.veiga.local\/\"<\/span>\r\n    <span class=\"p\">},<\/span>\r\n    <span class=\"s2\">\"E:\/xampp\/htdocs\/dominio.local\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"url_testing\"<\/span><span class=\"o\">:<\/span><span class=\"s2\">\"http:\/\/www.dominio.local\/\"<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"s2\">\"url_production\"<\/span><span class=\"o\">:<\/span><span class=\"s2\">\"http:\/\/www.dominio.local\/\"<\/span>\r\n    <span class=\"p\">}<\/span>    \r\n<span class=\"p\">}<\/span>\r\n\r\n<span class=\"c1\">\/\/ Si da error en la ruta poniendo la letra de la unidad,<\/span>\r\n<span class=\"c1\">\/\/ Sustituir por la ruta de la conexion Por ejemplo: \/\/gaiasa\/dawMP\/webservidor\/www.veiga.local<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li><b>Grabaremos<\/b> el fichero con <b>CTRL+S<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Configuraci\u00f3n_de_Navegador_por_defecto_en_Sublime_Text_3\"><\/span><span id=\"Configuraci.C3.B3n_de_Navegador_por_defecto_en_Sublime_Text_3\" class=\"mw-headline\">Configuraci\u00f3n de Navegador por defecto en Sublime Text 3<\/span><\/h2>\n<ul>\n<li>Iremos a <b>Preferences -&gt; Package Settings -&gt; Side Bar -&gt; Settings User<\/b><\/li>\n<\/ul>\n<p><a class=\"image\" href=\"\/index.php\/Archivo:Settings-user.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/c\/cb\/Settings-user.jpg\" alt=\"Settings-user.jpg\" width=\"954\" height=\"923\" \/><\/a><\/p>\n<p><a class=\"image\" href=\"\/index.php\/Archivo:Settings-user-content.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/e\/e8\/Settings-user-content.jpg\" alt=\"Settings-user-content.jpg\" width=\"1039\" height=\"150\" \/><\/a><\/p>\n<p>Ejemplo de c\u00f3digo de <b>SideBar.sublime-settings.json<\/b> a incluir en <b>Preferences -&gt; Package Settings -&gt; Side Bar -&gt; Settings User<\/b>:<\/p>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"default_browser\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"portable_browser\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"C:\/Program Files (x86)\/Google\/Chrome\/Application\/chrome.exe\"<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\"Configuraci\u00f3n_de_combinaci\u00f3n_de_teclas_para_abrir_navegador_en_Sublime_Text_3\"><\/span><span id=\"Configuraci.C3.B3n_de_combinaci.C3.B3n_de_teclas_para_abrir_navegador_en_Sublime_Text_3\" class=\"mw-headline\">Configuraci\u00f3n de combinaci\u00f3n de teclas para abrir navegador en Sublime Text 3<\/span><\/h2>\n<ul>\n<li>Iremos a <b>Preferences -&gt; Key Bindings &#8211; User<\/b><\/li>\n<li>El c\u00f3digo para el fichero anterior se puede copiar de <b>Preferences -&gt; Package Settings -&gt; Side Bar -&gt; Key Bindings &#8211; Default<\/b><\/li>\n<\/ul>\n<p>Ejemplo de c\u00f3digo de <b>Default(windows).sublime-keymap.json<\/b>:<\/p>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">[<\/span>\r\n    <span class=\"p\">{<\/span> <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"shift+f6\"<\/span><span class=\"p\">],<\/span>\r\n        <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"side_bar_open_in_browser\"<\/span> <span class=\"p\">,<\/span>\r\n        <span class=\"s2\">\"args\"<\/span><span class=\"o\">:<\/span><span class=\"p\">{<\/span><span class=\"s2\">\"paths\"<\/span><span class=\"o\">:<\/span><span class=\"p\">[],<\/span> <span class=\"s2\">\"type\"<\/span><span class=\"o\">:<\/span><span class=\"s2\">\"production\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"browser\"<\/span><span class=\"o\">:<\/span><span class=\"s2\">\"\"<\/span><span class=\"p\">}<\/span>\r\n    <span class=\"p\">}<\/span>\r\n<span class=\"p\">]<\/span>\r\n\r\n<span class=\"c1\">\/\/ Se ha configurado para que abra con la misma combinaci\u00f3n de teclas que NetBeans Shift+F6.<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\"Reindentar_c\u00f3digo_con_CodeFormatter_en_Sublime_Text_3\"><\/span><span id=\"Reindentar_c.C3.B3digo_con_CodeFormatter_en_Sublime_Text_3\" class=\"mw-headline\">Reindentar c\u00f3digo con CodeFormatter en Sublime Text 3<\/span><\/h2>\n<p>Una forma de reindentar el c\u00f3digo es la siguiente:<\/p>\n<ul>\n<li><b>Seleccionar<\/b> todo el c\u00f3digo con <b>CTRL + A<\/b><\/li>\n<li>Ir a <b>Edit -&gt; Line -&gt; Reindent<\/b><\/li>\n<li>Tambi\u00e9n podemos crear una combinaci\u00f3n de teclas:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span> <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"ctrl+shift+r\"<\/span><span class=\"p\">],<\/span> \r\n    <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"reindent\"<\/span> <span class=\"p\">,<\/span> \r\n    <span class=\"s2\">\"args\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span> <span class=\"s2\">\"single_line\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">}<\/span> \r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Otra forma es usar un <b>paquete adicional<\/b>. En este caso instalaremos el paquete <b>CodeFormatter<\/b>:<\/li>\n<li>Pulsar <b>Ctrl+Mayusculas+P<\/b> y teclear <b>install<\/b> para instalar el paquete: <b>CodeFormatter<\/b><\/li>\n<\/ul>\n<ul>\n<li>Una vez instalado, podremos configurar todas sus opciones en <b>Preferences -&gt; Package Settings -&gt; CodeFormatte -&gt; Settings &#8211; Default<\/b>:<\/li>\n<li>Aqu\u00ed se muestra un <b>ejemplo de configuraci\u00f3n<\/b>:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"codeformatter_debug\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_go_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"go\"<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"c1\">\/\/ Optionless support<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_php_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"php\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process PHP formatter<\/span>\r\n        <span class=\"s2\">\"php_path\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Path for PHP executable, e.g. \"\/usr\/lib\/php\" or \"C:\/Program Files\/PHP\/php.exe\". If empty, uses command \"php\" from system environments<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"php55_compat\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ PHP 5.5 compatible mode<\/span>\r\n        <span class=\"s2\">\"psr1\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Activate PSR1 style<\/span>\r\n        <span class=\"s2\">\"psr1_naming\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Activate PSR1 style - Section 3 and 4.3 - Class and method names case<\/span>\r\n        <span class=\"s2\">\"psr2\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Activate PSR2 style<\/span>\r\n        <span class=\"s2\">\"indent_with_space\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">4<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Use spaces instead of tabs for indentation<\/span>\r\n        <span class=\"s2\">\"enable_auto_align\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Enable auto align of = and =&gt;<\/span>\r\n        <span class=\"s2\">\"visibility_order\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Fixes visibility order for method in classes - PSR-2 4.2<\/span>\r\n        <span class=\"s2\">\"smart_linebreak_after_curly\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Convert multistatement blocks into multiline blocks<\/span>\r\n\r\n        <span class=\"c1\">\/\/ Enable specific transformations. Example: [\"ConvertOpenTagWithEcho\", \"PrettyPrintDocBlocks\"]<\/span>\r\n        <span class=\"c1\">\/\/ You can list all available transformations from command palette: CodeFormatter: Show PHP Transformations<\/span>\r\n        <span class=\"s2\">\"passes\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[],<\/span>\r\n\r\n        <span class=\"c1\">\/\/ Disable specific transformations<\/span>\r\n        <span class=\"s2\">\"excludes\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[]<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_js_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"javascript,json\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process JS formatter<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">4<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ indentation size<\/span>\r\n        <span class=\"s2\">\"indent_char\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\" \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent character<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with one tab (overrides indent_size and indent_char options)<\/span>\r\n        <span class=\"s2\">\"eol\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\\n\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ EOL symbol<\/span>\r\n        <span class=\"s2\">\"preserve_newlines\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ whether existing line breaks should be preserved,<\/span>\r\n        <span class=\"s2\">\"max_preserve_newlines\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">3<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ maximum number of line breaks to be preserved in one chunk<\/span>\r\n        <span class=\"s2\">\"space_in_paren\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add padding spaces within paren, ie. f( a, b )<\/span>\r\n        <span class=\"s2\">\"space_in_empty_paren\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add padding spaces within paren if parent empty, ie. f(  )<\/span>\r\n        <span class=\"s2\">\"e4x\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Pass E4X xml literals through untouched<\/span>\r\n        <span class=\"s2\">\"jslint_happy\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ if true, then jslint-stricter mode is enforced. Example function () vs function()<\/span>\r\n        <span class=\"s2\">\"space_after_anon_function\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Space after anonimouse functions<\/span>\r\n        <span class=\"s2\">\"brace_style\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"collapse\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ \"collapse\" | \"expand\" | \"end-expand\". put braces on the same line as control statements (default), or put braces on own line (Allman \/ ANSI style), or just put end braces on own line.<\/span>\r\n        <span class=\"s2\">\"keep_array_indentation\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ keep array indentation.<\/span>\r\n        <span class=\"s2\">\"keep_function_indentation\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ keep function indentation.<\/span>\r\n        <span class=\"s2\">\"eval_code\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ eval code<\/span>\r\n        <span class=\"s2\">\"unescape_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Decode printable characters encoded in xNN notation<\/span>\r\n        <span class=\"s2\">\"wrap_line_length\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">0<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Wrap lines at next opportunity after N characters<\/span>\r\n        <span class=\"s2\">\"unindent_chained_methods\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Unindent chained method calls<\/span>\r\n        <span class=\"s2\">\"break_chained_methods\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Break chained method calls across subsequent lines<\/span>\r\n        <span class=\"s2\">\"end_with_newline\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new line at end of file<\/span>\r\n        <span class=\"s2\">\"comma_first\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add comma first<\/span>\r\n        <span class=\"s2\">\"operator_position\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"before-newline\"<\/span> <span class=\"c1\">\/\/ Operator position: before-newline, after-newline, preserve-newline<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_css_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"css,less\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process CSS formatter<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">4<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation size<\/span>\r\n        <span class=\"s2\">\"indent_char\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\" \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation character<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with one tab (overrides indent_size and indent_char options)<\/span>\r\n        <span class=\"s2\">\"selector_separator_newline\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new lines after selector separators<\/span>\r\n        <span class=\"s2\">\"end_with_newline\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new line of end in file<\/span>\r\n        <span class=\"s2\">\"newline_between_rules\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new line between rules<\/span>\r\n        <span class=\"s2\">\"space_around_combinator\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Space around combinator<\/span>\r\n        <span class=\"s2\">\"eol\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\\n\"<\/span> <span class=\"c1\">\/\/ EOL symbol<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_scss_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"scss,sass\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation size<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">4<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation size<\/span>\r\n        <span class=\"s2\">\"indent_char\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\" \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation character<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with one tab (overrides indent_size and indent_char options)<\/span>\r\n        <span class=\"s2\">\"selector_separator_newline\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new lines after selector separators<\/span>\r\n        <span class=\"s2\">\"end_with_newline\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new line of end in file<\/span>\r\n        <span class=\"s2\">\"newline_between_rules\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Add new line between rules<\/span>\r\n        <span class=\"s2\">\"space_around_combinator\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Space around combinator<\/span>\r\n        <span class=\"s2\">\"eol\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\\n\"<\/span> <span class=\"c1\">\/\/ EOL symbol<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_html_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"html,blade,asp,xml\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process HTML formatter<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"formatter_version\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"regexp\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Which formatter to use. Current options are \"bs4\" and \"regexp\". If an error occurs while loading the bs4 formatter, the regexp formatter will automatically be used<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">4<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ indentation size<\/span>\r\n        <span class=\"s2\">\"indent_char\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\" \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation character<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with one tab (overrides indent_size and indent_char options)<\/span>\r\n        <span class=\"s2\">\"exception_on_tag_mismatch\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If the last closing tag is not at the same indentation level as the first opening tag, there's probably a tag mismatch in the file<\/span>\r\n        <span class=\"s2\">\"expand_javascript\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ (Under construction) Expand JavaScript inside of &lt;script&gt; tags (also affects CSS purely by coincidence)<\/span>\r\n        <span class=\"s2\">\"expand_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Expand tag attributes onto new lines<\/span>\r\n        <span class=\"s2\">\"minimum_attribute_count\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">2<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Minimum number of attributes needed before tag attributes are expanded to new lines<\/span>\r\n        <span class=\"s2\">\"first_attribute_on_new_line\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Put all attributes on separate lines from the tag (only uses 1 indentation unit as opposed to lining all attributes up with the first)<\/span>\r\n        <span class=\"s2\">\"reduce_empty_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Put closing tags on same line as opening tag if there is no content between them<\/span>\r\n        <span class=\"s2\">\"reduce_whole_word_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Put closing tags on same line as opening tag if there is whole word between them<\/span>\r\n        <span class=\"s2\">\"custom_singletons\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span> <span class=\"c1\">\/\/ Custom singleton tags for various template languages outside of the HTML5 spec<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_python_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"python\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process Python formatter<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">1<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ indentation size<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with tabs or spaces<\/span>\r\n        <span class=\"s2\">\"max_char\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">80<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Width of output lines in characters.<\/span>\r\n        <span class=\"s2\">\"assignment\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\" = \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how the assignment operator is to appear.<\/span>\r\n        <span class=\"s2\">\"function_param_assignment\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"=\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how function-parameter assignment should appear.<\/span>\r\n        <span class=\"s2\">\"function_param_sep\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\", \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how function parameters are separated.<\/span>\r\n        <span class=\"s2\">\"list_sep\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\", \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how list items are separated.<\/span>\r\n        <span class=\"s2\">\"subscript_sep\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"=\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how subscripts are separated.<\/span>\r\n        <span class=\"s2\">\"dict_colon\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\": \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This separates dictionary keys from values.<\/span>\r\n        <span class=\"s2\">\"slice_colon\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\":\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ this separates the start:end indices of slices.<\/span>\r\n        <span class=\"s2\">\"comment_prefix\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"# \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is the sentinel that marks the beginning of a commentary string.<\/span>\r\n        <span class=\"s2\">\"shebang\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"#!\/usr\/bin\/env python\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Hashbang, a line-one comment naming the Python interpreter to Unix shells.<\/span>\r\n        <span class=\"s2\">\"boilerplate\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Standard code block (if any). This is inserted after the module doc string on output.<\/span>\r\n        <span class=\"s2\">\"blank_line\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how a blank line is to appear (up to the newline character).<\/span>\r\n        <span class=\"s2\">\"keep_blank_lines\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, preserve one blank where blank(s) are encountered.<\/span>\r\n        <span class=\"s2\">\"add_blank_lines_around_comments\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, set off comment blocks with blanks.<\/span>\r\n        <span class=\"s2\">\"add_blank_line_after_doc_string\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, add blank line after doc strings.<\/span>\r\n        <span class=\"s2\">\"max_seps_func_def\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">3<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Split lines containing longer function definitions.<\/span>\r\n        <span class=\"s2\">\"max_seps_func_ref\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">5<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Split lines containing longer function calls.<\/span>\r\n        <span class=\"s2\">\"max_seps_series\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">5<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Split lines containing longer lists or tuples.<\/span>\r\n        <span class=\"s2\">\"max_seps_dict\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">3<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Split lines containing longer dictionary definitions.<\/span>\r\n        <span class=\"s2\">\"max_lines_before_split_lit\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">2<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Split string literals containing more newline characters.<\/span>\r\n        <span class=\"s2\">\"left_margin\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This is how the left margin is to appear.<\/span>\r\n        <span class=\"s2\">\"normalize_doc_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, normalize white space in doc strings.<\/span>\r\n        <span class=\"s2\">\"leftjust_doc_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, left justify doc strings.<\/span>\r\n        <span class=\"s2\">\"wrap_doc_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, wrap doc strings to max_char.<\/span>\r\n        <span class=\"s2\">\"leftjust_comments\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, left justify comments.<\/span>\r\n        <span class=\"s2\">\"wrap_comments\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, wrap comments to max_char.<\/span>\r\n        <span class=\"s2\">\"double_quoted_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, use quotes instead of apostrophes for string literals.<\/span>\r\n        <span class=\"s2\">\"single_quoted_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, use apostrophes instead of quotes for string literals.<\/span>\r\n        <span class=\"s2\">\"can_split_strings\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If true, longer strings are split at the max_char.<\/span>\r\n        <span class=\"s2\">\"doc_tab_replacement\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"....\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ This literal replaces tab characters in doc strings and comments.<\/span>\r\n\r\n        <span class=\"c1\">\/\/ Optionally preserve unassigned constants so that code to be tidied<\/span>\r\n        <span class=\"c1\">\/\/ may contain blocks of commented-out lines that have been no-op'ed<\/span>\r\n        <span class=\"c1\">\/\/ with leading and trailing triple quotes.  Python scripts may declare<\/span>\r\n        <span class=\"c1\">\/\/ constants without assigning them to a variables, but CodeFormatter<\/span>\r\n        <span class=\"c1\">\/\/ considers this wasteful and normally elides them.<\/span>\r\n        <span class=\"s2\">\"keep_unassigned_constants\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n\r\n        <span class=\"c1\">\/\/ Optionally omit parentheses around tuples, which are superfluous<\/span>\r\n        <span class=\"c1\">\/\/ after all.  Normal CodeFormatter behavior will be still to include them<\/span>\r\n        <span class=\"c1\">\/\/ as a sort of tuple display analogous to list displays, dict<\/span>\r\n        <span class=\"c1\">\/\/ displays, and yet-to-come set displays.<\/span>\r\n        <span class=\"s2\">\"parenthesize_tuple_display\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n\r\n        <span class=\"c1\">\/\/ When CodeFormatter splits longer lines because max_seps<\/span>\r\n        <span class=\"c1\">\/\/ are exceeded, the statement normally is closed before the margin is<\/span>\r\n        <span class=\"c1\">\/\/ restored.  The closing bracket, brace, or parenthesis is placed at the<\/span>\r\n        <span class=\"c1\">\/\/ current indent level.  This looks ugly to \"C\" programmers.  When<\/span>\r\n        <span class=\"c1\">\/\/ java_style_list_dedent is True, the closing bracket, brace, or<\/span>\r\n        <span class=\"c1\">\/\/ parenthesis is brought back left to the indent level of the enclosing<\/span>\r\n        <span class=\"c1\">\/\/ statement.<\/span>\r\n        <span class=\"s2\">\"java_style_list_dedent\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_vbscript_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"vbscript\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process VBScript formatter<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">1<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ indentation size<\/span>\r\n        <span class=\"s2\">\"indent_char\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\\t\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation character<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with one tab (overrides indent_size and indent_char options)<\/span>\r\n        <span class=\"s2\">\"preserve_newlines\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Preserve existing line-breaks<\/span>\r\n        <span class=\"s2\">\"max_preserve_newlines\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">10<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Maximum number of line-breaks to be preserved in one chunk<\/span>\r\n        <span class=\"s2\">\"opening_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"^(Function .*|Sub .*|If .* Then|For .*|Do While .*|Select Case.*)\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ List of keywords which open a new block<\/span>\r\n        <span class=\"s2\">\"middle_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"^(Else|ElseIf .* Then|Case .*)$\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ List of keywords which divide a block, but neither open or close the block<\/span>\r\n        <span class=\"s2\">\"closing_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"(End Function|End Sub|End If|Next|Loop|End Select)$\"<\/span> <span class=\"c1\">\/\/ List of keywords which close an open block<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"s2\">\"codeformatter_coldfusion_options\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"syntaxes\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"coldfusion,cfm,cfml\"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Syntax names which must process Coldfusion Markup Language formatter<\/span>\r\n        <span class=\"s2\">\"format_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Format on save. Either a boolean (true\/false) or a string regexp tested on filename. Example\u00a0: \"^((?!.min.|vendor).)*$\"<\/span>\r\n        <span class=\"s2\">\"indent_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">2<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ indentation size<\/span>\r\n        <span class=\"s2\">\"indent_char\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\" \"<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indentation character<\/span>\r\n        <span class=\"s2\">\"indent_with_tabs\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Indent with one tab (overrides indent_size and indent_char options)<\/span>\r\n        <span class=\"s2\">\"exception_on_tag_mismatch\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ If the last closing tag is not at the same indentation level as the first opening tag, there's probably a tag mismatch in the file<\/span>\r\n        <span class=\"s2\">\"expand_javascript\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ (Under construction) Expand JavaScript inside of &lt;script&gt; tags (also affects CSS purely by coincidence)<\/span>\r\n        <span class=\"s2\">\"expand_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Expand tag attributes onto new lines<\/span>\r\n        <span class=\"s2\">\"minimum_attribute_count\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">2<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Minimum number of attributes needed before tag attributes are expanded to new lines<\/span>\r\n        <span class=\"s2\">\"first_attribute_on_new_line\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Put all attributes on separate lines from the tag (only uses 1 indentation unit as opposed to lining all attributes up with the first)<\/span>\r\n        <span class=\"s2\">\"reduce_empty_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Put closing tags on same line as opening tag if there is no content between them<\/span>\r\n        <span class=\"s2\">\"reduce_whole_word_tags\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Put closing tags on same line as opening tag if there is whole word between them<\/span>\r\n        <span class=\"s2\">\"custom_singletons\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span> <span class=\"c1\">\/\/ Custom singleton tags for various template languages outside of the HTML5 spec<\/span>\r\n    <span class=\"p\">}<\/span>\r\n\r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Cuando guardemos el archivo autom\u00e1ticamente se aplicar\u00e1n las opciones correspondientes, seg\u00fan el lenguaje utilizado.<\/li>\n<\/ul>\n<h2><span id=\"Comentar\/descomentar_c\u00f3digo_en_Sublime_Text_3\"><\/span><span id=\"Comentar.2Fdescomentar_c.C3.B3digo_en_Sublime_Text_3\" class=\"mw-headline\">Comentar\/descomentar c\u00f3digo en Sublime Text 3<\/span><\/h2>\n<p>Una forma de reindentar el c\u00f3digo es la siguiente:<\/p>\n<ul>\n<li>Para comentar\/descomentar c\u00f3digo de forma r\u00e1pida podemos configurar la combinaci\u00f3n de teclas <b>CTRL+ 7<\/b>.<\/li>\n<li>Vamos a <b>Preferences<\/b> -&gt; <b>Key Bindings<\/b><\/li>\n<li>A\u00f1adimos este objeto JSON al array que tengamos:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre>    <span class=\"p\">{<\/span> <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"ctrl+7\"<\/span><span class=\"p\">],<\/span> <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"toggle_comment\"<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"s2\">\"args\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span> <span class=\"s2\">\"block\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">}<\/span>\r\n    <span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Con lo que nos quedar\u00eda una combinaci\u00f3n tal que as\u00ed:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">[{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"shift+f6\"<\/span><span class=\"p\">],<\/span>\r\n    <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"side_bar_open_in_browser\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"args\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"paths\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[],<\/span>\r\n        <span class=\"s2\">\"type\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"production\"<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"s2\">\"browser\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"\"<\/span>\r\n    <span class=\"p\">}<\/span>\r\n<span class=\"p\">},<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"ctrl+shift+r\"<\/span><span class=\"p\">],<\/span>\r\n    <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"reindent\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"args\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"single_line\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span>\r\n    <span class=\"p\">}<\/span>\r\n<span class=\"p\">},<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"ctrl+7\"<\/span><span class=\"p\">],<\/span>\r\n    <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"toggle_comment\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"args\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"s2\">\"block\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span>\r\n    <span class=\"p\">}<\/span>\r\n<span class=\"p\">}]<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\"Auto_ajuste_de_l\u00edneas_largas_(wrap)_en_Sublime_Text_3\"><\/span><span id=\"Auto_ajuste_de_l.C3.ADneas_largas_.28wrap.29_en_Sublime_Text_3\" class=\"mw-headline\">Auto ajuste de l\u00edneas largas (wrap) en Sublime Text 3<\/span><\/h2>\n<p>Para <b>auto ajustar las l\u00edneas largas<\/b> que se salgan del editor haremos lo siguiente:<\/p>\n<ul>\n<li><b>Preferences &gt; Settings \u2013 User<\/b>.<\/li>\n<li>Introduciremos la siguiente l\u00ednea: <b>&#8220;word_wrap&#8221;: true,<\/b><\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"word_wrap\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"ignored_packages\"<\/span><span class=\"o\">:<\/span>\r\n    <span class=\"p\">[<\/span>\r\n        <span class=\"s2\">\"Vintage\"<\/span>\r\n    <span class=\"p\">]<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li><b>Grabaremos<\/b> el archivo con <b>CTRL + S<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_Emmet_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Emmet en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos ayudar\u00e1 a <b>generar c\u00f3digo de forma r\u00e1pida<\/b><\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>emmet<\/b> y en los resultados que aparezcan pulsamos en <b>Emmet<\/b>.<\/li>\n<li>Una vez instalado creamos un fichero html y podemos probar combinaciones como las siguientes:\n<ul>\n<li>! [TAB] -&gt; Escribe la cabecera de un documento HTML5<\/li>\n<li>div&gt;ul&gt;li -&gt; Genera un div que contiene un ul y un li<\/li>\n<li>Para m\u00e1s informaci\u00f3n y ejemplos visitar: <a class=\"external free\" href=\"http:\/\/docs.emmet.io\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/docs.emmet.io\/<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span id=\"Plugin_Bootstrap_3_Snippets_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Bootstrap 3 Snippets en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>autocompletar c\u00f3digo de Bootstrap<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>bootstrap<\/b> y en los resultados que aparezcan pulsamos en <b>Bootstrap 3 Snippets<\/b>.<\/li>\n<li>Para probar su funcionamiento abrimos un fichero nuevo y probamos a teclear alguna combinaci\u00f3n de las disponibles en:<\/li>\n<\/ul>\n<p><a class=\"external free\" href=\"https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin<\/a><\/p>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"c1\">\/\/ Para generar un formulario en bootstrap:<\/span>\r\n<span class=\"nx\">bs3<\/span><span class=\"o\">-<\/span><span class=\"nx\">form<\/span> <span class=\"o\">+<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TAB<\/span><span class=\"p\">]<\/span>\r\n\r\n<span class=\"c1\">\/\/ Para escribir un campo de tipo input text:<\/span>\r\n<span class=\"nx\">bs3<\/span><span class=\"o\">-<\/span><span class=\"nx\">input<\/span><span class=\"o\">:<\/span><span class=\"nx\">text<\/span> <span class=\"o\">+<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TAB<\/span><span class=\"p\">]<\/span>\r\n\r\n<span class=\"c1\">\/\/ Para escribir un campo de tipo input date:<\/span>\r\n<span class=\"nx\">bs3<\/span><span class=\"o\">-<\/span><span class=\"nx\">input<\/span><span class=\"o\">:<\/span><span class=\"nx\">date<\/span> <span class=\"o\">+<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TAB<\/span><span class=\"p\">]<\/span>\r\n\r\n<span class=\"c1\">\/\/ M\u00e1s ejemplos en: https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\"Plugin_BracketHighlighter_en_Sublime_Text_3\" class=\"mw-headline\">Plugin BracketHighlighter en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos ayudar\u00e1 a <b>localizar m\u00e1s f\u00e1cilmente la apertura y cierre de etiquetas<\/b>, funciones, etc..<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>bracket<\/b> y en los resultados que aparezcan pulsamos en <b>BracketHighlighter<\/b>.<\/li>\n<li>Una vez instalado abrimos un fichero y probamos en un fichero con c\u00f3digo a ver si marca las aperturas y cierres correctamente.<\/li>\n<li>A veces dependiendo de la combinaci\u00f3n de colores podr\u00e1 destacarlo m\u00e1s o menos.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_ColorPicker_en_Sublime_Text_3\" class=\"mw-headline\">Plugin ColorPicker en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>seleccionar colores desde el c\u00f3digo fuente<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>colorpi<\/b> y en los resultados que aparezcan pulsamos en <b>ColorPicker<\/b>.<\/li>\n<li>Para probar su funcionamiento teclearemos <b>CTRL+Shift+C<\/b><\/li>\n<\/ul>\n<h2><span id=\"Plugin_DocBlockr_en_Sublime_Text_3\" class=\"mw-headline\">Plugin DocBlockr en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>crear documentaci\u00f3n sobre el c\u00f3digo fuente<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>docbl<\/b> y en los resultados que aparezcan pulsamos en <b>DocBlockr<\/b>.<\/li>\n<li>Para probar su funcionamiento simplemente tendremos que escribir <b>\/**<\/b> y pulsar <b>TAB<\/b> encima de una funci\u00f3n.<\/li>\n<\/ul>\n<p>Ejemplo:<\/p>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"cm\">\/**[TAB]<\/span>\r\n<span class=\"cm\">function sumar(a,b)<\/span>\r\n<span class=\"cm\">{<\/span>\r\n<span class=\"cm\">   return a+b;<\/span>\r\n<span class=\"cm\">}<\/span>\r\n\r\n<span class=\"cm\">\/\/ Y obtendremos algo como:<\/span>\r\n<span class=\"cm\">\/**<\/span>\r\n<span class=\"cm\"> * [sumar description]<\/span>\r\n<span class=\"cm\"> * @param  {[type]} a<\/span>\r\n<span class=\"cm\"> * @param  {[type]} b<\/span>\r\n<span class=\"cm\"> * @return {[type]}<\/span>\r\n<span class=\"cm\"> *\/<\/span>\r\n<span class=\"kd\">function<\/span> <span class=\"nx\">sumar<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span><span class=\"nx\">b<\/span><span class=\"p\">)<\/span>\r\n<span class=\"p\">{<\/span>\r\n    <span class=\"k\">return<\/span> <span class=\"nx\">a<\/span><span class=\"o\">+<\/span><span class=\"nx\">b<\/span><span class=\"p\">;<\/span>\r\n<span class=\"p\">}<\/span>\r\n\r\n\r\n<span class=\"c1\">\/\/ Tendremos que completar la documentaci\u00f3n cubriendo cada apartado y pulsando [TAB] para pasar al siguiente.<\/span>\r\n<span class=\"c1\">\/\/ Y generaremos un c\u00f3digo similar al ejemplo siguiente:<\/span>\r\n<span class=\"cm\">\/**<\/span>\r\n<span class=\"cm\"> * Funci\u00f3n que devuelve la suma de dos n\u00fameros pasados como par\u00e1metro.<\/span>\r\n<span class=\"cm\"> * @param  {number} a<\/span>\r\n<span class=\"cm\"> * @param  {number} b<\/span>\r\n<span class=\"cm\"> * @return {number}<\/span>\r\n<span class=\"cm\"> *\/<\/span>\r\n<span class=\"kd\">function<\/span> <span class=\"nx\">sumar<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span><span class=\"nx\">b<\/span><span class=\"p\">)<\/span>\r\n<span class=\"p\">{<\/span>\r\n    <span class=\"k\">return<\/span> <span class=\"nx\">a<\/span><span class=\"o\">+<\/span><span class=\"nx\">b<\/span><span class=\"p\">;<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\"Plugin_HTML-CSS-JS_Prettify_en_Sublime_Text_3\" class=\"mw-headline\">Plugin HTML-CSS-JS Prettify en Sublime Text 3<\/span><\/h2>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>html css <\/b> y en los resultados que aparezcan pulsamos en <b>HTML-CSS-JS Prettify<\/b>.<\/li>\n<li>Para probar su funcionamiento simplemente tendremos que hacer click con el bot\u00f3n derecho en el c\u00f3digo y seleccionar <b>HTML\/CSS\/JS Prettify -&gt; Prettify Code<\/b><\/li>\n<\/ul>\n<h2><span id=\"Plugin_Typescript_para_trabajar_con_Angular2_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Typescript para trabajar con Angular2 en Sublime Text 3<\/span><\/h2>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>TypeScript<\/b> y en los resultados que aparezcan pulsamos en <b>TypeScript<\/b>.<\/li>\n<li>Reiniciamos Sublime y ya podremos ver con colores el c\u00f3digo de <b>TypeScript<\/b>.<\/li>\n<\/ul>\n<ul>\n<li>Si queremos configurar el tama\u00f1o del tabulador en espacios y alguna que otra opci\u00f3n iremos a:<\/li>\n<li><b>Preferences &gt; Settings &gt; Syntax Specific (User)<\/b> y pegaremos el siguiente c\u00f3digo:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span>\r\n  <span class=\"s2\">\"tab_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">3<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"s2\">\"translate_tabs_to_spaces\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">false<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\"Plugin_Laravel_Blade_Highlighter_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Laravel Blade Highlighter en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>poner de diferente color las plantillas Blade de Laravel<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>laravel<\/b> y en los resultados que aparezcan pulsamos en <b>Laravel Blade Highlighter<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_Laravel_Color_Scheme_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Laravel Color Scheme en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>poner de diferente color c\u00f3digo generado en Laravel<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>laravel<\/b> y en los resultados que aparezcan pulsamos en <b>Laravel Color Scheme<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_PHP_Getters_and_Setters_en_Sublime_Text_3\" class=\"mw-headline\">Plugin PHP Getters and Setters en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>crear los getters and setters en PHP a la hora de hacer una clase.<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>PHP Getters<\/b> y en los resultados que aparezcan pulsamos en <b>PHP Getters and Setters<\/b>.<\/li>\n<li>Para probar su funcionamiento simplemente tendremos que pulsar con el <b>bot\u00f3n derecho<\/b> <b>Getters and Setters<\/b> en el c\u00f3digo PHP d\u00f3nde tenemos la clase y seleccionar la opci\u00f3n deseada.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_PHPcs_en_Sublime_Text_3\" class=\"mw-headline\">Plugin PHPcs en Sublime Text 3<\/span><\/h2>\n<p>Da soporte a PHP_CodeSniffer ST2. Chequea si el c\u00f3digo sigue el st\u00e1ndard. Se puede seleccionar Zend, PEAR,etc..<br \/>\nPara m\u00e1s configuraci\u00f3n: <a class=\"external free\" href=\"http:\/\/pear.php.net\/package\/PHP_CodeSniffer\/redirected\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/pear.php.net\/package\/PHP_CodeSniffer\/redirected<\/a><\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>PHP Construc<\/b> y en los resultados que aparezcan pulsamos en <b>PHPcs<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_PHP_Constructors_en_Sublime_Text_3\" class=\"mw-headline\">Plugin PHP Constructors en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>crear los constructores de una clase en PHP.<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>PHP Construc<\/b> y en los resultados que aparezcan pulsamos en <b>PHP Constructors<\/b>.<\/li>\n<li>Para probar su funcionamiento simplemente tendremos que pulsar con el <b>bot\u00f3n derecho<\/b> <b>PHP Constructor<\/b> y seleccionar <b>Generate PHP Constructor for Class<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_Pretty_JSON_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Pretty JSON en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>validar, formatear y minimizar un JSON<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>pretty<\/b> y en los resultados que aparezcan pulsamos en <b>Pretty JSON<\/b>.<\/li>\n<li>Para configurar la combinaci\u00f3n de teclas iremos a <b>Preferences -&gt; Package Settings -&gt; PretyJSON-&gt; Settings &#8211; User<\/b><\/li>\n<li>Y a\u00f1adimos lo siguiente:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span> <span class=\"s2\">\"keys\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span> <span class=\"s2\">\"ctrl+alt+m\"<\/span> <span class=\"p\">],<\/span> <span class=\"s2\">\"command\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"un_pretty_json\"<\/span> <span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Para usarlo seleccionaremos el texto JSON y pulsaremos CTRL+ALT+M<\/li>\n<li>Tambi\u00e9n podremos validar y formatear. Pulsamos CTRL + Shift + P, tecleamos JSON y veremos las opciones posibles y combinaciones de teclas correspondientes.<\/li>\n<li>Para formatear usaremos CTRL + Alt + J<\/li>\n<\/ul>\n<h2><span id=\"Plugin_EJS_V2_Sublime_Text_3\" class=\"mw-headline\">Plugin EJS V2 Sublime Text 3<\/span><\/h2>\n<ul>\n<li>Para que reconozca las <b>plantillas<\/b> con <b>extensi\u00f3n .ejs<\/b>, instalar el plugin <b>EJS 2<\/b>.<\/li>\n<li>CTRL+ Shift + P y tecleamos install y seleccionamos Package Control: Install Package.<\/li>\n<li>Escribimos EJS 2 y en los resultados que aparezcan pulsamos en EJS 2.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_SublimeCodeIntel_en_Sublime_Text_3\" class=\"mw-headline\">Plugin SublimeCodeIntel en Sublime Text 3<\/span><\/h2>\n<p>Este plugin nos permitir\u00e1 <b>autocompletar c\u00f3digo en diferentes lenguajes<\/b>:<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>codeIntel<\/b> y en los resultados que aparezcan pulsamos en <b>SublimeCodeIntel<\/b>.<\/li>\n<li>Para probar su funcionamiento simplemente tendremos que escribir c\u00f3digo de alg\u00fan lenguaje y esperar a que nos muestre las opciones de autocompletado.<\/li>\n<\/ul>\n<p><a class=\"external text\" href=\"http:\/\/sublimecodeintel.github.io\/SublimeCodeIntel\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">M\u00e1s informaci\u00f3n sobre el plugin SublimeCodeIntel<\/a><\/p>\n<p><b>Teclas r\u00e1pidas con el plugin SublimeCodeIntel<\/b>:<\/p>\n<ul>\n<li><b>ALT+Click<\/b> (en una variable, nos lleva a la secci\u00f3n del c\u00f3digo d\u00f3nde se cre\u00f3 dicha variable.<\/li>\n<li><b>Shift+Control+Espacio<\/b> (para mostrar las opciones de autocompletado para un texto determinado).<\/li>\n<\/ul>\n<p>Para PHP tendremos que activar la opci\u00f3n de autocompletado en:<\/p>\n<ul>\n<li>Abrimos el siguiente fichero: <b>Preferences -&gt; Package Settings -&gt; SublimeCodeIntel -&gt; Settings &#8211; Default<\/b><\/li>\n<li><b>Copiamos<\/b> todo su contenido.<\/li>\n<li>Lo <b>pegamos<\/b> en el siguiente fichero: <b>Preferences -&gt; Package Settings -&gt; SublimeCodeIntel -&gt; Settings &#8211; User<\/b><\/li>\n<li>Modificamos esta l\u00ednea para que quede as\u00ed, &#8216;<i>a\u00f1adiendo PHP en la \u00faltima posici\u00f3n<\/i>:<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre> <span class=\"s2\">\"codeintel_selected_catalogs\"<\/span><span class=\"o\">:<\/span> <span class=\"p\">[<\/span>\r\n        <span class=\"s2\">\"PHP\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"jQuery\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"HTML5\"<\/span>\r\n    <span class=\"p\">],<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li><b>Grabamos el archivo<\/b> con nuestros ajustes y <b>reiniciamos el Sublime Text 3<\/b>.<\/li>\n<\/ul>\n<h2><span id=\"Plugin_SublimeLinter_Sublime_Text_3\" class=\"mw-headline\">Plugin SublimeLinter Sublime Text 3<\/span><\/h2>\n<p>Chequea constantemente si nos hemos olvidado de llaves, punto y coma, etc..<\/p>\n<p>Para instalarlo:<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>Sublime Linter<\/b> y en los resultados que aparezcan pulsamos en <b>Sublimelinter<\/b>.<\/li>\n<\/ul>\n<p>Hay que instalar m\u00f3dulos adicionales para cada lenguaje:<\/p>\n<h3><span id=\"SublimeLinter-php\" class=\"mw-headline\">SublimeLinter-php<\/span><\/h3>\n<h3><span id=\"SublimeLinter-jshint\" class=\"mw-headline\">SublimeLinter-jshint<\/span><\/h3>\n<h3><span id=\"SublimeLinter-json\" class=\"mw-headline\">SublimeLinter-json<\/span><\/h3>\n<h3><span id=\"SublimeLinter-csslint\" class=\"mw-headline\">SublimeLinter-csslint<\/span><\/h3>\n<h2><span id=\"Plugin_Terminal_en_Sublime_Text_3\" class=\"mw-headline\">Plugin Terminal en Sublime Text 3<\/span><\/h2>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>terminal<\/b> y en los resultados que aparezcan pulsamos en <b>Terminal<\/b>.<\/li>\n<li>Para probar su funcionamiento simplemente tendremos que hacer click con el bot\u00f3n derecho en alguna carpeta y seleccionar <b>Open Terminal Here&#8230;<\/b><\/li>\n<\/ul>\n<h2><span id=\"Plugin_TrailingSpaces_en_Sublime_Text_3\" class=\"mw-headline\">Plugin TrailingSpaces en Sublime Text 3<\/span><\/h2>\n<p>Se encarga de eliminar los espacios al final que tengamos en el c\u00f3digo.<\/p>\n<ul>\n<li><b>CTRL+ Shift + P<\/b> y tecleamos <b>install<\/b> y seleccionamos <b>Package Control: Install Package<\/b>.<\/li>\n<li>Escribimos <b>terminal<\/b> y en los resultados que aparezcan pulsamos en <b>TrailingSpaces<\/b>.<\/li>\n<li>Le asignaremos una combinaci\u00f3n de teclas en <b>Preferences -&gt; Key Bindings -&gt; User<\/b> (delete_trailing_spaces):<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-bash mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"o\">[{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"shift+f6\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"side_bar_open_in_browser\"<\/span>,\r\n    <span class=\"s2\">\"args\"<\/span>: <span class=\"o\">{<\/span>\r\n        <span class=\"s2\">\"paths\"<\/span>: <span class=\"o\">[]<\/span>,\r\n        <span class=\"s2\">\"type\"<\/span>: <span class=\"s2\">\"production\"<\/span>,\r\n        <span class=\"s2\">\"browser\"<\/span>: <span class=\"s2\">\"\"<\/span>\r\n    <span class=\"o\">}<\/span>\r\n<span class=\"o\">}<\/span>, <span class=\"o\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"ctrl+shift+r\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"reindent\"<\/span>,\r\n    <span class=\"s2\">\"args\"<\/span>: <span class=\"o\">{<\/span>\r\n        <span class=\"s2\">\"single_line\"<\/span>: <span class=\"nb\">false<\/span>\r\n    <span class=\"o\">}<\/span>\r\n<span class=\"o\">}<\/span>, <span class=\"o\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"ctrl+shift+s\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"delete_trailing_spaces\"<\/span>\r\n<span class=\"o\">}<\/span>\r\n<span class=\"o\">]<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Para probar su funcionamiento simplemente tendremos que pulsar CTRL+Shift+S y se eliminar\u00e1n autom\u00e1ticamente todos esos espacios al final.<\/li>\n<\/ul>\n<h2><span id=\"Combinaci\u00f3n_de_teclas_para_grabar_todos_los_archivos_en_Sublime_Text_3\"><\/span><span id=\"Combinaci.C3.B3n_de_teclas_para_grabar_todos_los_archivos_en_Sublime_Text_3\" class=\"mw-headline\">Combinaci\u00f3n de teclas para grabar todos los archivos en Sublime Text 3<\/span><\/h2>\n<p>Mediante esta combinaci\u00f3n de teclas grabaremos todas las modificaciones de todos los archivos que tengamos abiertos en Sublime.<\/p>\n<ul>\n<li><b>CTRL+ Alt + S<\/b>.<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-bash mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"o\">[{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"shift+f6\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"side_bar_open_in_browser\"<\/span>,\r\n    <span class=\"s2\">\"args\"<\/span>: <span class=\"o\">{<\/span>\r\n        <span class=\"s2\">\"paths\"<\/span>: <span class=\"o\">[]<\/span>,\r\n        <span class=\"s2\">\"type\"<\/span>: <span class=\"s2\">\"production\"<\/span>,\r\n        <span class=\"s2\">\"browser\"<\/span>: <span class=\"s2\">\"\"<\/span>\r\n    <span class=\"o\">}<\/span>\r\n<span class=\"o\">}<\/span>, <span class=\"o\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"ctrl+shift+r\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"reindent\"<\/span>,\r\n    <span class=\"s2\">\"args\"<\/span>: <span class=\"o\">{<\/span>\r\n        <span class=\"s2\">\"single_line\"<\/span>: <span class=\"nb\">false<\/span>\r\n    <span class=\"o\">}<\/span>\r\n<span class=\"o\">}<\/span>, <span class=\"o\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"ctrl+alt+s\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"save_all\"<\/span>\r\n<span class=\"o\">}<\/span>, <span class=\"o\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"ctrl+shift+b\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"bracketeer_select\"<\/span>\r\n<span class=\"o\">}<\/span>, <span class=\"o\">{<\/span>\r\n    <span class=\"s2\">\"keys\"<\/span>: <span class=\"o\">[<\/span><span class=\"s2\">\"ctrl+7\"<\/span><span class=\"o\">]<\/span>,\r\n    <span class=\"s2\">\"command\"<\/span>: <span class=\"s2\">\"toggle_comment\"<\/span>,\r\n    <span class=\"s2\">\"args\"<\/span>: <span class=\"o\">{<\/span>\r\n        <span class=\"s2\">\"block\"<\/span>: <span class=\"nb\">false<\/span>\r\n    <span class=\"o\">}<\/span>\r\n<span class=\"o\">}]<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Para probar su funcionamiento simplemente tendremos que pulsar CTRL+Shift+S y se eliminar\u00e1n autom\u00e1ticamente todos esos espacios al final.<\/li>\n<\/ul>\n<h2><span id=\"Creaci\u00f3n_de_un_snippet_en_Sublime_Text_3\"><\/span><span id=\"Creaci.C3.B3n_de_un_snippet_en_Sublime_Text_3\" class=\"mw-headline\">Creaci\u00f3n de un snippet en Sublime Text 3<\/span><\/h2>\n<p>Vamos a ver como podemos crear un snippet en Sublime Text 3 para que nos cubra la cabecera de <b>Bootstrap<\/b> al teclear <b>bs<\/b> y pulsar <b>TABULADOR<\/b>.<\/p>\n<p><a class=\"image\" href=\"\/index.php\/Archivo:Logo-bootstrap.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/e\/e8\/Logo-bootstrap.jpg\" alt=\"Logo-bootstrap.jpg\" width=\"157\" height=\"154\" \/><\/a><br \/>\n<a class=\"external text\" href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">Getbootstrap.com<\/a><\/p>\n<p>Para ello iremos a <b>Tools -&gt; New Snippet&#8230;<\/b> y se mostrar\u00e1 el siguiente c\u00f3digo:<\/p>\n<div class=\"mw-highlight mw-highlight-lang-html mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">&lt;<\/span><span class=\"nt\">snippet<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"nt\">content<\/span><span class=\"p\">&gt;<\/span><span class=\"cp\">&lt;![CDATA[<\/span>\r\n<span class=\"cp\">Hello, ${1:this} is a ${2:snippet}.<\/span>\r\n<span class=\"cp\">]]&gt;<\/span><span class=\"p\">&lt;\/<\/span><span class=\"nt\">content<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- &lt;tabTrigger&gt;hello&lt;\/tabTrigger&gt; --&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- Optional: Set a scope to limit where the snippet will trigger --&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- &lt;scope&gt;source.python&lt;\/scope&gt; --&gt;<\/span>\r\n<span class=\"p\">&lt;\/<\/span><span class=\"nt\">snippet<\/span><span class=\"p\">&gt;<\/span>\r\n<\/pre>\n<\/div>\n<ul>\n<li>Dentro de <b>&lt;![CDATA[ &#8230; ]]&gt;<\/b> teclearemos el <b>c\u00f3digo fuente<\/b> de nuestro <b>snippet<\/b>.<\/li>\n<li>Los par\u00e1metros <b>${1:this}<\/b> y <b>${2:snippet}<\/b> ser\u00e1n los textos que nos aparecer\u00e1n cuando ejecutemos el snippet y pulsemos TABULADOR.<\/li>\n<li><b>${1:this}<\/b>\u00a0: <b>${1}<\/b> -&gt; indica primer par\u00e1metro y <b>:this<\/b> -&gt; indica texto por defecto en esa posici\u00f3n.<\/li>\n<li><b>&lt;tabTrigger&gt;hello&lt;\/tabTrigger&gt;<\/b> -&gt; Aqu\u00ed se indica el texto previo que activar\u00e1 el snippet al pulsar TAB.<\/li>\n<\/ul>\n<p><b>C\u00f3digo fuente de nuestro snippet para Bootstrap<\/b>:<\/p>\n<div class=\"mw-highlight mw-highlight-lang-html mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">&lt;<\/span><span class=\"nt\">snippet<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"nt\">content<\/span><span class=\"p\">&gt;<\/span><span class=\"cp\">&lt;![CDATA[<\/span>\r\n<span class=\"cp\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span class=\"cp\">&lt;html lang=\"es\"&gt;<\/span>\r\n<span class=\"cp\">&lt;head&gt;<\/span>\r\n<span class=\"cp\">   &lt;meta charset=\"UTF-8\"&gt;<\/span>\r\n<span class=\"cp\">   &lt;title&gt;${1:Titulo documento}&lt;\/title&gt;<\/span>\r\n<span class=\"cp\">   &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\"&gt;<\/span>\r\n<span class=\"cp\">   &lt;link rel=\"stylesheet\" href=\"css\/bootstrap.min.css\"&gt;<\/span>\r\n<span class=\"cp\">   &lt;link rel=\"stylesheet\" href=\"css\/bootstrap-theme.min.css\"&gt;<\/span>\r\n<span class=\"cp\">&lt;\/head&gt;<\/span>\r\n<span class=\"cp\">&lt;body&gt;<\/span>\r\n<span class=\"cp\">   ${2: Contenido del documento}<\/span>\r\n\r\n<span class=\"cp\">   &lt;script src=\"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"&gt;&lt;\/script&gt;<\/span>\r\n<span class=\"cp\">&lt;\/body&gt;<\/span>\r\n<span class=\"cp\">&lt;\/html&gt;<\/span>\r\n<span class=\"cp\">]]&gt;<\/span><span class=\"p\">&lt;\/<\/span><span class=\"nt\">content<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"nt\">tabTrigger<\/span><span class=\"p\">&gt;<\/span>bs<span class=\"p\">&lt;\/<\/span><span class=\"nt\">tabTrigger<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- Optional: Set a scope to limit where the snippet will trigger --&gt;<\/span>\r\n    <span class=\"c\">&lt;!-- &lt;scope&gt;source.python&lt;\/scope&gt; --&gt;<\/span>\r\n<span class=\"p\">&lt;\/<\/span><span class=\"nt\">snippet<\/span><span class=\"p\">&gt;<\/span>\r\n<\/pre>\n<\/div>\n<p>Para <b>guardar el fichero con el snippet<\/b>:<\/p>\n<ul>\n<li><b>Carpeta<\/b>: <b>\\Sublime Text 3\\Packages\\User<\/b><\/li>\n<li><b>Nombre<\/b>: <b>sin restricciones<\/b>.<\/li>\n<li><b>Extensi\u00f3n<\/b>: <b>.sublime-snippet<\/b> (es obligatoria, sino no funcionar\u00e1 el snippet).<\/li>\n<\/ul>\n<p>Para <b>probar el snippet<\/b>:<\/p>\n<ul>\n<li>Teclear <b>bs<\/b> y pulsar <b>TAB<\/b> a continuaci\u00f3n.<\/li>\n<\/ul>\n<h2><span id=\"Configuraci\u00f3n_de_Git_en_Sublime_Text_3\"><\/span><span id=\"Configuraci.C3.B3n_de_Git_en_Sublime_Text_3\" class=\"mw-headline\">Configuraci\u00f3n de Git en Sublime Text 3<\/span><\/h2>\n<p><a class=\"external free\" href=\"http:\/\/scotch.io\/tutorials\/using-git-inside-of-sublime-text-to-improve-workflow\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">http:\/\/scotch.io\/tutorials\/using-git-inside-of-sublime-text-to-improve-workflow<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><span id=\"Configuraci\u00f3n_de_Sublime_Text_3_para_seguir_los_est\u00e1ndares_PSR-2\"><\/span><span id=\"Configuraci.C3.B3n_de_Sublime_Text_3_para_seguir_los_est.C3.A1ndares_PSR-2\" class=\"mw-headline\">Configuraci\u00f3n de Sublime Text 3 para seguir los est\u00e1ndares PSR-2<\/span><\/h2>\n<ul>\n<li>Entraremos en Preferences -&gt; Settings<\/li>\n<li>Copiamos y pegamos la siguiente configuraci\u00f3n sobreescribiendo lo que tengamos.<\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-lang-javascript mw-content-ltr\" dir=\"ltr\">\n<pre><span class=\"p\">{<\/span>\r\n    <span class=\"s2\">\"default_line_ending\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"unix\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"ensure_newline_at_eof_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"font_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">12<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"ignored_packages\"<\/span><span class=\"o\">:<\/span>\r\n    <span class=\"p\">[<\/span>\r\n        <span class=\"s2\">\"Vintage\"<\/span>\r\n    <span class=\"p\">],<\/span>\r\n    <span class=\"s2\">\"preserveIndent\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"false\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"rulers\"<\/span><span class=\"o\">:<\/span>\r\n    <span class=\"p\">[<\/span>\r\n        <span class=\"mf\">120<\/span>\r\n    <span class=\"p\">],<\/span>\r\n    <span class=\"s2\">\"tab_size\"<\/span><span class=\"o\">:<\/span> <span class=\"mf\">4<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"translate_tabs_to_spaces\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"trim_trailing_white_space_on_save\"<\/span><span class=\"o\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"word_wrap\"<\/span><span class=\"o\">:<\/span> <span class=\"s2\">\"true\"<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/pre>\n<\/div>\n<p><a title=\"Usuario:Veiga\" href=\"\/index.php\/Usuario:Veiga\">Veiga<\/a> (<a class=\"new\" title=\"Usuario discusi\u00f3n:Veiga (la p\u00e1gina no existe)\" href=\"\/index.php?title=Usuario_discusi%C3%B3n:Veiga&amp;action=edit&amp;redlink=1\">discusi\u00f3n<\/a>) 19:08 11 feb 2020 (CET)<\/p>\n<p><!-- NewPP limit report Cached time: 20220408145835 Cache expiry: 1209600 Dynamic content: false Complications: [] CPU time usage: 0.118 seconds Real time usage: 3.054 seconds Preprocessor visited node count: 221\/1000000 Post\u2010expand include size: 0\/2097152 bytes Template argument size: 0\/2097152 bytes Highest expansion depth: 2\/40 Expensive parser function count: 0\/100 Unstrip recursion depth: 0\/20 Unstrip post\u2010expand size: 53160\/5000000 bytes --><br \/>\n<!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 0.000 1 -total --><\/p>\n<p><!-- Saved in parser cache with key manuais:pcache:idhash:13389-0!canonical and timestamp 20220408145832 and revision id 66927. Serialized with JSON. --><\/p>\n<\/div>\n<div class=\"printfooter\">Obtenido de \u00ab<a dir=\"ltr\" href=\"https:\/\/manuais.iessanclemente.net\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;oldid=66927\">https:\/\/manuais.iessanclemente.net\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;oldid=66927<\/a>\u00bb<\/div>\n<\/div>\n<div id=\"catlinks\" class=\"catlinks\" data-mw=\"interface\">\n<div id=\"mw-normal-catlinks\" class=\"mw-normal-catlinks\">\n<p><a title=\"Especial:Categor\u00edas\" href=\"\/index.php\/Especial:Categor%C3%ADas\">Categor\u00eda<\/a>:<\/p>\n<ul>\n<li><a class=\"new\" title=\"Categor\u00eda:Pages using deprecated source tags (la p\u00e1gina no existe)\" href=\"\/index.php?title=Categor%C3%ADa:Pages_using_deprecated_source_tags&amp;action=edit&amp;redlink=1\">Pages using deprecated source tags<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"mw-navigation\">\n<h2>Men\u00fa de navegaci\u00f3n<\/h2>\n<div id=\"mw-head\">\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-personal\" class=\"mw-portlet mw-portlet-personal vector-menu\" role=\"navigation\" aria-labelledby=\"p-personal-label\">\n<h3 id=\"p-personal-label\" class=\"vector-menu-heading\">Herramientas personales<\/h3>\n<div class=\"vector-menu-content\">\n<ul class=\"vector-menu-content-list\">\n<li id=\"pt-login\"><a accesskey=\"o\" title=\"Te recomendamos iniciar sesi\u00f3n, aunque no es obligatorio [o]\" href=\"\/index.php?title=Especial:Entrar&amp;returnto=Tutorial+sobre+editor+Sublime+Text+3\">Acceder<\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<div id=\"left-navigation\">\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-namespaces\" class=\"mw-portlet mw-portlet-namespaces vector-menu vector-menu-tabs\" role=\"navigation\" aria-labelledby=\"p-namespaces-label\">\n<h3 id=\"p-namespaces-label\" class=\"vector-menu-heading\">Espacios de nombres<\/h3>\n<div class=\"vector-menu-content\">\n<ul class=\"vector-menu-content-list\">\n<li id=\"ca-nstab-main\" class=\"selected\"><a accesskey=\"c\" title=\"Ver la p\u00e1gina de contenido [c]\" href=\"\/index.php\/Tutorial_sobre_editor_Sublime_Text_3\">P\u00e1gina<\/a><\/li>\n<li id=\"ca-talk\" class=\"new\"><a accesskey=\"t\" title=\"Discusi\u00f3n acerca de la p\u00e1gina (la p\u00e1gina no existe) [t]\" href=\"\/index.php?title=Discusi%C3%B3n:Tutorial_sobre_editor_Sublime_Text_3&amp;action=edit&amp;redlink=1\" rel=\"discussion\">Discusi\u00f3n<\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-variants\" class=\"mw-portlet mw-portlet-variants emptyPortlet vector-menu vector-menu-dropdown\" role=\"navigation\" aria-labelledby=\"p-variants-label\"><input class=\"vector-menu-checkbox\" type=\"checkbox\" aria-labelledby=\"p-variants-label\" \/><\/p>\n<h3 id=\"p-variants-label\" class=\"vector-menu-heading\">Variantes<\/h3>\n<div class=\"vector-menu-content\"><\/div>\n<\/nav>\n<\/div>\n<div id=\"right-navigation\">\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-views\" class=\"mw-portlet mw-portlet-views vector-menu vector-menu-tabs\" role=\"navigation\" aria-labelledby=\"p-views-label\">\n<h3 id=\"p-views-label\" class=\"vector-menu-heading\">Vistas<\/h3>\n<div class=\"vector-menu-content\">\n<ul class=\"vector-menu-content-list\">\n<li id=\"ca-view\" class=\"selected\"><a href=\"\/index.php\/Tutorial_sobre_editor_Sublime_Text_3\">Leer<\/a><\/li>\n<li id=\"ca-viewsource\"><a accesskey=\"e\" title=\"Esta p\u00e1gina est\u00e1 protegida. Puedes ver su c\u00f3digo fuente [e]\" href=\"\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;action=edit\">Ver c\u00f3digo<\/a><\/li>\n<li id=\"ca-history\"><a accesskey=\"h\" title=\"Versiones anteriores de esta p\u00e1gina [h]\" href=\"\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;action=history\">Ver historial<\/a><\/li>\n<li id=\"ca-pdfbook\"><a href=\"\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;action=pdfbook&amp;format=single\">Imprimir en formato PDF<\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-cactions\" class=\"mw-portlet mw-portlet-cactions emptyPortlet vector-menu vector-menu-dropdown\" role=\"navigation\" aria-labelledby=\"p-cactions-label\"><input class=\"vector-menu-checkbox\" type=\"checkbox\" aria-labelledby=\"p-cactions-label\" \/><\/p>\n<h3 id=\"p-cactions-label\" class=\"vector-menu-heading\">M\u00e1s<\/h3>\n<div class=\"vector-menu-content\"><\/div>\n<\/nav>\n<div id=\"p-search\" role=\"search\">\n<h3><label for=\"searchInput\">Buscar<\/label><\/h3>\n<form id=\"searchform\" action=\"\/index.php\">\n<div id=\"simpleSearch\" data-search-loc=\"header-navigation\"><input id=\"searchInput\" accesskey=\"f\" title=\"Buscar en Manuais Inform\u00e1tica - IES San Clemente. [f]\" name=\"search\" type=\"search\" placeholder=\"Buscar en Manuais Inform\u00e1tica - IES San Clemente.\" \/><br \/>\n<input name=\"title\" type=\"hidden\" value=\"Especial:Buscar\" \/><br \/>\n<input id=\"mw-searchButton\" class=\"searchButton mw-fallbackSearchButton\" title=\"Buscar este texto en las p\u00e1ginas\" name=\"fulltext\" type=\"submit\" value=\"Buscar\" \/><br \/>\n<input id=\"searchButton\" class=\"searchButton\" title=\"Ir a la p\u00e1gina con este nombre exacto si existe\" name=\"go\" type=\"submit\" value=\"Ir\" \/><\/div>\n<\/form>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"mw-panel\">\n<div id=\"p-logo\" role=\"banner\"><\/div>\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-navigation\" class=\"mw-portlet mw-portlet-navigation vector-menu vector-menu-portal portal\" role=\"navigation\" aria-labelledby=\"p-navigation-label\">\n<h3 id=\"p-navigation-label\" class=\"vector-menu-heading\">Navegaci\u00f3n<\/h3>\n<div class=\"vector-menu-content\">\n<ul class=\"vector-menu-content-list\">\n<li id=\"n-mainpage-description\"><a accesskey=\"z\" title=\"Visitar la p\u00e1gina principal [z]\" href=\"\/index.php\/Portada\">P\u00e1gina principal<\/a><\/li>\n<li id=\"n-recentchanges\"><a accesskey=\"r\" title=\"Lista de cambios recientes en el wiki [r]\" href=\"\/index.php\/Especial:CambiosRecientes\">Cambios recientes<\/a><\/li>\n<li id=\"n-randompage\"><a accesskey=\"x\" title=\"Cargar una p\u00e1gina al azar [x]\" href=\"\/index.php\/Especial:Aleatoria\">P\u00e1gina aleatoria<\/a><\/li>\n<li id=\"n-help-mediawiki\"><a href=\"https:\/\/www.mediawiki.org\/wiki\/Special:MyLanguage\/Help:Contents\" target=\"_blank\" rel=\"noopener\">Ayuda sobre MediaWiki<\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<p><!-- Please do not use role attribute as CSS selector, it is deprecated. --><\/p>\n<nav id=\"p-tb\" class=\"mw-portlet mw-portlet-tb vector-menu vector-menu-portal portal\" role=\"navigation\" aria-labelledby=\"p-tb-label\">\n<h3 id=\"p-tb-label\" class=\"vector-menu-heading\">Herramientas<\/h3>\n<div class=\"vector-menu-content\">\n<ul class=\"vector-menu-content-list\">\n<li id=\"t-whatlinkshere\"><a accesskey=\"j\" title=\"Lista de todas las p\u00e1ginas del wiki que enlazan aqu\u00ed [j]\" href=\"\/index.php\/Especial:LoQueEnlazaAqu%C3%AD\/Tutorial_sobre_editor_Sublime_Text_3\">Lo que enlaza aqu\u00ed<\/a><\/li>\n<li id=\"t-recentchangeslinked\"><a accesskey=\"k\" title=\"Cambios recientes en las p\u00e1ginas que enlazan con esta [k]\" href=\"\/index.php\/Especial:CambiosEnEnlazadas\/Tutorial_sobre_editor_Sublime_Text_3\" rel=\"nofollow\">Cambios relacionados<\/a><\/li>\n<li id=\"t-specialpages\"><a accesskey=\"q\" title=\"Lista de todas las p\u00e1ginas especiales [q]\" href=\"\/index.php\/Especial:P%C3%A1ginasEspeciales\">P\u00e1ginas especiales<\/a><\/li>\n<li id=\"t-print\"><a accesskey=\"p\" title=\"Versi\u00f3n imprimible de esta p\u00e1gina [p]\" rel=\"alternate\">Versi\u00f3n para imprimir<\/a><\/li>\n<li id=\"t-permalink\"><a title=\"Enlace permanente a esta versi\u00f3n de la p\u00e1gina\" href=\"\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;oldid=66927\">Enlace permanente<\/a><\/li>\n<li id=\"t-info\"><a title=\"M\u00e1s informaci\u00f3n sobre esta p\u00e1gina\" href=\"\/index.php?title=Tutorial_sobre_editor_Sublime_Text_3&amp;action=info\">Informaci\u00f3n de la p\u00e1gina<\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<\/div>\n<\/div>\n<footer id=\"footer\" class=\"mw-footer\" role=\"contentinfo\">\n<ul id=\"footer-info\">\n<li id=\"footer-info-lastmod\">Esta p\u00e1gina se edit\u00f3 por \u00faltima vez el 19 feb 2020 a las 09:51.<\/li>\n<li id=\"footer-info-copyright\">El contenido est\u00e1 disponible bajo la licencia <a title=\"Manuais:About\" href=\"\/index.php\/Manuais:About\">Creative Commons: CC-BY-NC-SA, <\/a> a menos que se indique lo contrario.<\/li>\n<\/ul>\n<ul id=\"footer-places\">\n<li id=\"footer-places-privacy\"><a title=\"Manuais:Pol\u00edtica de privacidad\" href=\"\/index.php\/Manuais:Pol%C3%ADtica_de_privacidad\">Pol\u00edtica de privacidad<\/a><\/li>\n<li id=\"footer-places-about\"><a title=\"Manuais:Acerca de\" href=\"\/index.php\/Manuais:Acerca_de\">Acerca de Manuais Inform\u00e1tica &#8211; IES San Clemente.<\/a><\/li>\n<li id=\"footer-places-disclaimer\"><a title=\"Manuais:Descargo general\" href=\"\/index.php\/Manuais:Descargo_general\">Descargos<\/a><\/li>\n<\/ul>\n<ul id=\"footer-icons\" class=\"noprint\">\n<li id=\"footer-copyrightico\"><a href=\"http:\/\/creativecommons.org\/licenses\/by\/3.0\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"\/resources\/assets\/licenses\/cc-by.png\" alt=\"Creative Commons: CC-BY-NC-SA, \" width=\"88\" height=\"31\" \/><\/a><\/li>\n<li id=\"footer-poweredbyico\"><a href=\"https:\/\/www.mediawiki.org\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"\/resources\/assets\/poweredby_mediawiki_88x31.png\" srcset=\"\/resources\/assets\/poweredby_mediawiki_132x47.png 1.5x, \/resources\/assets\/poweredby_mediawiki_176x62.png 2x\" alt=\"Powered by MediaWiki\" width=\"88\" height=\"31\" \/><\/a><\/li>\n<\/ul>\n<\/footer>\n<p><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({\"wgPageParseReport\":{\"limitreport\":{\"cputime\":\"0.118\",\"walltime\":\"3.054\",\"ppvisitednodes\":{\"value\":221,\"limit\":1000000},\"postexpandincludesize\":{\"value\":0,\"limit\":2097152},\"templateargumentsize\":{\"value\":0,\"limit\":2097152},\"expansiondepth\":{\"value\":2,\"limit\":40},\"expensivefunctioncount\":{\"value\":0,\"limit\":100},\"unstrip-depth\":{\"value\":0,\"limit\":20},\"unstrip-size\":{\"value\":53160,\"limit\":5000000},\"timingprofile\":[\"100.00%    0.000      1 -total\"]},\"cachereport\":{\"timestamp\":\"20220408145835\",\"ttl\":1209600,\"transientcontent\":false}}});mw.config.set({\"wgBackendResponseTime\":88});});<\/script><\/p>\n<div class=\"notranslate\" style=\"all: initial;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial sobre editor Sublime Text 3 De Manuais Inform\u00e1tica &#8211; IES San Clemente. Sumario 1 Editor Sublime Text 3 (ST3) 1.1 Instalaci\u00f3n de Sublime Text 3 1.2 Combinaciones de teclas y funciones b\u00e1sicas en Sublime Text 3 1.3 Configuraci\u00f3n del &hellip; <a href=\"https:\/\/www.beseit.net\/?page_id=12017\">Continua llegint <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":8179,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"class_list":["post-12017","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/pages\/12017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12017"}],"version-history":[{"count":5,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/pages\/12017\/revisions"}],"predecessor-version":[{"id":12024,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/pages\/12017\/revisions\/12024"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/8179"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}