{"id":12042,"date":"2022-04-16T18:25:44","date_gmt":"2022-04-16T16:25:44","guid":{"rendered":"https:\/\/www.beseit.net\/?p=12042"},"modified":"2022-06-24T16:53:43","modified_gmt":"2022-06-24T14:53:43","slug":"tutorial-sobre-sublim-text-3-editor","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=12042","title":{"rendered":"Tutorial sobre sublim text 3 editor"},"content":{"rendered":"<p><strong>Show Open Files<\/strong> -&gt;1.4<\/p>\n<p><span style=\"font-size: 16pt;\">Aquest tutorial \u00e9s una traducci\u00f3 de <a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Tutorial_sobre_editor_Sublime_Text_3\" target=\"_blank\" rel=\"noopener\"><span style=\"color: blue; text-decoration: underline;\"><strong>Tutorial sobre editor Sublime Text 3<\/strong><\/span><\/a> que a mi m&#8217;ha resultat molt \u00fatil als meus petits treballs personal en html, JS, CSS i PHP els havia fet primer amb el llegendari FrontPage de Microsoft i m\u00e9s tard amb AptanaStudio. Tots dos han mort aix\u00ed que me hagut d&#8217;espavilar i he descobert Sublime Text 3, que t\u00e9 molt bona pinta. Espero que aquesta traducci\u00f3 al catal\u00e0 pugui ser \u00fatil a alg\u00fa.<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong><span style=\"color: #ff00ff;\">Sumari<\/span><br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01 Editor sublime Text 3 (ST3)<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.1 Instal\u00b7laci\u00f3 de Sublim Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.2 Combinacions de tecles i funcions b\u00e0siques en Sublim Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.3 Configuraci\u00f3 de l&#8217; instal.lador de paquets en Sublim Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.4 Configuraci\u00f3 de client FTP en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.5 Instal\u00b7laci\u00f3 de plugin SideBarEnhancements en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.6 Configuraci\u00f3 predeterminada del navegador en sublim text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.7 Configuraci\u00f3 de combinaci\u00f3 de tecles per obrir navegador en Sublim Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.8 Reindentar codi amb CodeFormatter en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.9 Comentar\/descomentar codi en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.10 Auto ajust de l\u00ednies llargues (wrap) en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.11 Connector Emmet en sublim text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.12 Connector Bootstrap 3 Fragments en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.13 Connector BracketHighlighter en sublim text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a0Connector ColorPicker 1.14 en text sublim 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.15 Connector DocBlockr en text sublim 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.16 Plugin HTML-CSS-JS Prettify en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.17 Plugin Typescript per treballar amb Angular2 a Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.18 Plugin Laravel Blade Highlighter en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.19 Plugin Laravel Color Scheme en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.20 Plugin PHP Getters and Setters en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a0Connector 1.21 PHPcs en text sublim 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.22 Plugin PHP Constructors en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.23 Plugin Pretty JSON en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.24 Connector EJS V2 Sublim text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.25 SublimeCodeIntel Plugin en text sublim 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.26 Connector SublimeLinter Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">\uf0a7\u00a0\u00a0\u00a0\u00a01.26.1 SublimeLinter-php<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">\uf0a7\u00a0\u00a0\u00a0\u00a01.26.2 SublimeLinter-jshint<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">\uf0a7\u00a0\u00a0\u00a0\u00a01.26.3 SublimeLinter-json<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">\uf0a7\u00a0\u00a0\u00a0\u00a01.26.4 SublimeLinter-csslint<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a0Connector de terminal 1.27 en sublim text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a0Connector 1.28 Espais finals en text sublim 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.29 Combinaci\u00f3 de tecles per gravar tots els arxius a Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.30 Creaci\u00f3 d&#8217; un snippet en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.31 Configuraci\u00f3 de Git en Sublime Text 3<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\">o\u00a0\u00a0\u00a0\u00a01.32 Configuraci\u00f3 de Sublim Text 3 per seguir els est\u00e0ndards PSR-2<br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 24pt;\"><strong>1 Editor Sublime Text 3 (ST3)<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Sublim 3 \u00e9s un editor de codi molt r\u00e0pid i sofisticat que ens permetr\u00e0 executar un munt de tasques de forma molt r\u00e0pida i senzilla. Suport molts llenguatges de programaci\u00f3 i disposa d&#8217;un sistema d&#8217;instal\u00b7laci\u00f3 de paquets que amplien les seves caracter\u00edstiques de forma il\u00b7limitada. <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">P\u00e0gina Oficial: <a href=\"http:\/\/www.sublimetext.com\" target=\"_blank\" rel=\"noopener\">http:\/\/www.sublimetext.com<\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Documentaci\u00f3 Oficial: <a href=\"http:\/\/www.sublimetext.com\/docs\/3\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.sublimetext.com\/docs\/3\/<\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.1 Instal\u00b7laci\u00f3 de Sublim Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ol>\n<li><span style=\"font-size: 14pt;\">Per Instal\u00b7lar Sublime 3 haurem d&#8217;anar a la p\u00e0gina <a href=\"http:\/\/www.sublimetext.com\" target=\"_blank\" rel=\"noopener\">http:\/\/www.sublimetext.com<\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Descarregarem el paquet d&#8217;instal\u00b7laci\u00f3 per a la nostra versi\u00f3 de sistema operatiu (actualment Sublime Text est\u00e0 en versi\u00f3 Beta) <a href=\"http:\/\/www.sublimetext.com\/3\" target=\"_blank\" rel=\"noopener\">http:\/\/www.sublimetext.com\/3<\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Disposem de versions per a OSX, Windows(32 i 64 bits) i Ubuntu (32 i 64 bits).<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Seguim els passos indicats en la instal\u00b7laci\u00f3.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ol>\n<p><span style=\"font-size: 18pt;\"><strong>1.2 Combinacions de tecles i funcions b\u00e0siques en Sublim Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><strong>Selecci\u00f3 m\u00faltiple<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl + D<\/strong>, seleccionem la pr\u00f2xima ocurr\u00e8ncia de la paraula\/string que tenim seleccionada.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl + L<\/strong>, seleccionem la pr\u00f2xima l\u00ednia.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl<\/strong> i utilitzant el <strong>ratol\u00ed<\/strong>, podem seleccionar el que volem.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><strong>L\u00ednia de Comandos<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl + Shift + P<\/strong> podem obrir la l\u00ednia de comandos, des de la qual podem fer de tot.. des d&#8217;inserir snippets.. canviar configuracions a canviar de llenguatge.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><strong>Moverns pel codi<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl + P<\/strong>, podem navegar pel source de l&#8217;arxiu obert, per altres arxius i etc..<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl + R<\/strong>, pots trobar els metodos\/funcions del teu document.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Si polsem <strong>Ctrl + G<\/strong>, i escrivim un n\u00famero, ens portar\u00e0 a la l\u00ednia amb aquest n\u00famero.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Si al polsar <strong>Ctrl + P<\/strong> escrivim <strong>#<\/strong>, ens mostrar\u00e0 totes les etiquetes d&#8217;un document HTML.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><strong>M\u00faltiples cursors<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Polsant <strong>Ctrl<\/strong> i fent <strong>click<\/strong> sobre les l\u00ednies, podem inserir m\u00faltiples cursors i canviar o afegir contingut alhora.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><strong>Mode anti-distracci\u00f3<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Per entrar en el mode anti-distracci\u00f3, pots polsar <strong>Shift + F11<\/strong>. Aix\u00f2 centrar\u00e0 el codi i el posar\u00e0 a \u00abFull Screen\u00bb.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><br \/>\nPer a m\u00e9s informaci\u00f3 visitar les seg\u00fcents URL amb exemples de ST3: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><a href=\"http:\/\/www.emezeta.com\/articulos\/guia-sublime-text\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 14pt;\"><strong>http:\/\/www.emezeta.com\/articulos\/guia-sublime-text<\/strong><\/span><\/a><span style=\"font-family: Times New Roman; font-size: 14pt;\"><br \/>\n<\/span><\/li>\n<li><a href=\"http:\/\/foro.elhacker.net\/desarrollo_web\/tips_y_trucos_sublime_text_2-t364397.0.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 14pt;\"><strong>http:\/\/foro.elhacker.net\/desarrollo_web\/tips_y_trucos_sublime_text_2-t364397.0.html<\/strong><\/span><\/a><span style=\"font-family: Times New Roman; font-size: 14pt;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.4 Configuraci\u00f3 de l&#8217;instal\u00b7lador de paquets en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Una vegada instal\u00b7lat <strong>Sublime Text 3<\/strong> anem a configurar el sistema que ens permetr\u00e0 instal\u00b7lar components addicionals. Aquest sistema \u00e9s el <strong>package control<\/strong>. <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Per instal\u00b7lar el package control farem el seg\u00fcent: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Obrim Sublime Text i veurem el seg\u00fcent aspecte:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Sublime-general.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob1.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Activem que es mostri la barra lateral en el men\u00fa <strong>View -&gt; Side Bar -&gt; Show Side Bar<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>Si no s&#8217;activa el Side Bar<\/strong> polsar en l&#8217;opci\u00f3 <strong>View -&gt; Side Bar -&gt;Show Open Files<\/strong> .<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Sublime-sidebar.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob2.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Mostrarem la consola amb <strong>View -&gt; Console.<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Anirem a la seg\u00fcent p\u00e0gina: <a href=\"https:\/\/sublime.wbond.net\/\" target=\"_blank\" rel=\"noopener\"><strong>https:\/\/sublime.wbond.net\/<\/strong><\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Polsarem en l&#8217;opci\u00f3 <strong>Install Now &gt;<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Seleccionem el text indicat per a la nostra versi\u00f3 i el copiam.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Anem a la consola de Sublime Text i ho enganxem.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Sublime-consola.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob3.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Polsarem Enter i esperarem que el sistema actualitzi els repositoris.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>Per accedir al package control<\/strong> anirem a <strong>Tools -&gt; Command Palette (CTRL + Shift + P)<\/strong> i un cop all\u00e0 teclejarem <strong>package<\/strong> i seleccionem <strong>Package Control: Install Package<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Sublime-package-control-install.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob4.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Un cop al package manager podrem buscar a la llista el plugin que volem instal\u00b7lar.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Sublime-package-control-plugins-lista.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob5.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>Configuraci\u00f3 de client FTP en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">A Sublime Text podem configurar un client FTP que ens permetr\u00e0 enviar els nostres fitxers al servidor de forma autom\u00e0tica cada vegada que gravem el fitxer. <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Per a aix\u00f2 obrirem el Package Control amb <strong>CTRL + Shift + P<\/strong> , teclejarem <strong>package<\/strong> i seleccionem <strong>Package Control: Install Package<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Tecleamos <strong>SFTP<\/strong> i el seleccionem:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:SublimeText-sftp.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob6.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 14pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Una vegada instal\u00b7lat configurarem el plugin de la seg\u00fcent forma:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">En la vista lateral <strong>click amb el bot\u00f3 dret<\/strong> en la carpeta principal en la qual volem configurar el nostre FTP autom\u00e0tic i seleccionarem l&#8217;opci\u00f3 <strong>SFTP\/FTP: Map to Remote&#8230;<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:SublimeText-sftp-map-to-remote.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob7.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Configurarem les seg\u00fcents opcions segons els nostres par\u00e0metres:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:SublimeText-sftp-config.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob8.png\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 14pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.5 Instal\u00b7laci\u00f3 de plugin SideBarEnhancements a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Si volem provar les nostres p\u00e0gines en un navegador per defecte i en una URL determinada farem el seg\u00fcent: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Haurem d&#8217;instal\u00b7lar-nos primer el plugin: <strong>SideBarEnhancements<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Per a aix\u00f2 polsarem <strong>CTRL + Shift + P<\/strong> teclearem <strong>install<\/strong> i seleccionem <strong>Package Control: Install Package<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Tecleamos <strong>SideBarEnhancements<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Un cop instal\u00b7lat el plugin al SideBar quan posem amb el <strong>bot\u00f3 dret<\/strong> ens apareixeran m\u00e9s opcions de gesti\u00f3 de fitxers addicionals.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Menu-contextual-sidebar.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob9.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">A continuaci\u00f3 haurem de configurar la URL on volem que s&#8217;obrin les nostres p\u00e0gines de prova.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Farem <strong>click amb el bot\u00f3 dret del ratol\u00ed<\/strong> a la <strong>carpeta principal<\/strong> equivalent a l&#8217;arrel al nostre servidor web i seleccionarem <strong>Project<\/strong> -&gt; <strong>Edit Preview URLs<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Project-Edit-Preview-URLS.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob10.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Editarem el fitxer amb les rutes on es troben els nostres fitxers locals (a la nostra carpeta personal L: <strong>(fixar-se que la ruta acaba amb \/<\/strong>)<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Ruta-local-ficheros-web.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob11.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 14pt;\"><br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">En polsar la tecla <strong>F12<\/strong> s&#8217; obrir\u00e0 el servidor de <strong>Testing<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">En polsar la tecla <strong>ALt+F12<\/strong> s&#8217;obrir\u00e0 el servidor de <strong>Producci\u00f3<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">Exemple de codi de <strong>SideBarEnhancements.json<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00abE:\/xampp\/htdocs\/web\/_dev\/www.veiga.local\/\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00aburl_testing\u00bb:\u00bbhttp:\/\/localhost\/web\/www.veiga.local\/\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00aburl_production\u00bb:\u00bbhttp:\/\/localhost\/web\/www.veiga.local\/\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0},<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00abE:\/xampp\/htdocs\/dominio.local\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00aburl_testing\u00bb:\u00bbhttp:\/\/www.dominio.local\/\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00aburl_production\u00bb:\u00bbhttp:\/\/www.dominio.local\/\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0\u00a0\u00a0<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Si d\u00f3na error en la ruta posant la lletra de la unitat,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Substituir per la ruta de la connexion Per exemple: \/\/gaiasa\/dawMP\/webservidor\/www.veiga.local<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\"><strong>Gravarem<\/strong> el fitxer amb <strong>CTRL + S<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.6 Configuraci\u00f3 per defecte del navegador a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Iremos a <strong>Prefer\u00e8ncies -&gt; Configuraci\u00f3 del paquet -&gt; Barra lateral -&gt; Configuraci\u00f3 Usuari<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Settings-user.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob12.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Settings-user-content.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob13.jpg\" alt=\"\" border=\"0\" \/><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Ejemplo de c\u00f3digo de <strong>SideBar.sublime-settings.json<\/strong> a incluir en <strong>Preferences -&gt; Package Settings -&gt; Side Bar -&gt; Settings User<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abdefault_browser\u00bb: \u00ab\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abportable_browser\u00bb: \u00abFitxers C:\/Programa (x86)\/Google\/Chrome\/Application\/chrome.exe\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p>{<br \/>\n\u00abdefault_browser\u00bb: \u00ab\u00bb,<br \/>\n\u00abportable_browser\u00bb: \u00abC:\/Program Files\/Mozilla Firefox\/firefox.exe\u00bb<br \/>\n}<\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.7 Configuraci\u00f3 de combinaci\u00f3 de tecles per obrir navegador a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Iremos a <strong>Prefer\u00e8ncies -&gt; Vinculacions de tecles &#8211; Usuari<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">El codi per al fitxer anterior es pot copiar de <strong>Preferences -&gt; Package Settings -&gt; Side Bar -&gt; Key Bindings &#8211; Default<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Exemple de codi de <strong>Default( windows).sublime-keymap.json<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">[<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0{ \u00abtecles\u00bb: [\u00abshift+f6\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00abcomandament\u00bb: \u00abside_bar_open_in_browser\u00bb ,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00abargs\u00bb:{\u00abpaths\u00bb:[], \u00abtype\u00bb:\u00bbproduction\u00bb, \u00abbrowser\u00bb:\u00bb\u00bb}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">S&#8217; ha configurat perqu\u00e8 obri amb la mateixa combinaci\u00f3 de tecles que NetBeans Shift + F6.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.8 Reindentar codi amb CodeFormatter en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Una forma de reindentar el codi \u00e9s la seg\u00fcent: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\"><strong>Seleccionar<\/strong> tot el codi amb <strong>CTRL + A<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Ir a <strong>Edita -&gt; L\u00ednia -&gt; Torna adentar<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Tamb\u00e9 podem crear una combinaci\u00f3 de tecles:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">{ \u00abtecles\u00bb: [\u00abctrl+shift+r\u00bb], <span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00abordre\u00bb: \u00abreindent\u00bb ,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u00a0\u00a0\u00a0\u00a0\u00abargs\u00bb: { \u00absingle_line\u00bb: false } <span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Una altra forma \u00e9s usar un <strong>paquet addicional<\/strong>. En aquest cas instal\u00b7larem el paquet <strong>CodeFormatter<\/strong>:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Polsar <strong>Ctrl+Mayusculas+P<\/strong> i teclejar <strong>install<\/strong> per instal\u00b7lar el paquet: <strong>CodeFormatter<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Una vegada instal\u00b7lat, podrem configurar totes les seves opcions a <strong>Preferences -&gt; Package Settings -&gt; CodeFormatte -&gt; Settings &#8211; Default<\/strong>:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Aqu\u00ed es mostra un <strong>exemple de configuraci\u00f3<\/strong>:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_debug\u00bb: fals,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_go_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abanar\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: cert \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Suport sense opcions<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_php_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abphp\u00bb, \/\/ Noms de sintaxi que han de processar el formatador PHP<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abphp_path\u00bb: \u00ab\u00bb, \/\/ Cam\u00ed per a PHP executable, per exemple, \u00ab\/usr\/lib\/php\u00bb o \u00abC:\/Program Files\/PHP\/php\/php.exe\u00bb. Si est\u00e0 buit, utilitza l&#8217;ordre \u00abphp\u00bb des d&#8217;entorns del sistema<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: cert, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abphp55_compat\u00bb: mode fals, \/\/ PHP 5.5<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abpsr1\u00bb: fals, \/\/ Activa l&#8217;estil PSR1<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abpsr1_naming\u00bb: fals, \/\/ Activa l&#8217;estil PSR1 &#8211; Secci\u00f3 3 i 4.3 &#8211; Cas de noms de classe i m\u00e8tode<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abpsr2\u00bb: cert, \/\/ Activa l&#8217;estil PSR2<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_space\u00bb: 4, \/\/ Utilitza espais en lloc de pestanyes per al sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abenable_auto_align\u00bb: cert, \/\/ Habilita l&#8217;alineaci\u00f3 autom\u00e0tica de = i =&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abvisibility_order\u00bb: cert, \/\/ Corregeix l&#8217;ordre de visibilitat del m\u00e8tode a les classes &#8211; PSR-2 4.2<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absmart_linebreak_after_curly\u00bb: cert, \/\/ Converteix blocs multiestatals en blocs multil\u00edners<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Habilita les transformacions espec\u00edfiques. Exemple: [\u00abConvertOpenTagWithEcho\u00bb, \u00abPrettyPrintDocBlocks\u00bb]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Podeu llistar totes les transformacions disponibles des de la paleta d&#8217;ordres: CodeFormatter: Mostra les transformacions php<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abpassa\u00bb: [],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Inhabilita les transformacions espec\u00edfiques<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexclou\u00bb: []<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_js_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abjavascript,json\u00bb, \/\/ Noms de sintaxi que han de processar el formatador JS<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: cert, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 4, \/\/ mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_char\u00bb: \u00bb \u00ab, \/\/ Car\u00e0cter sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: false, \/\/ Sagna amb una pestanya (substitueix les opcions indent_size i indent_char)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abeol\u00bb: \u00ab\\n\u00bb, \/\/ S\u00edmbol EOL<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abpreserve_newlines\u00bb: cert, \/\/ si s&#8217;han de preservar els salts de l\u00ednia existents,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_preserve_newlines\u00bb: 3, \/\/ nombre m\u00e0xim de salts de l\u00ednia a preservar en un fragment<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abspace_in_paren\u00bb: fals, \/\/ Afegiu espais de farciment dins del paren, \u00e9s a dir. f( a, b )<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abspace_in_empty_paren\u00bb: fals, \/\/ Afegeix espais de farciment dins del paren si el pare est\u00e0 buit, \u00e9s a dir. f( )<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abe4x\u00bb: fals, \/\/ Passa els literals xml E4X a trav\u00e9s de literals no tocats<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abjslint_happy\u00bb: fals, \/\/ si \u00e9s cert, llavors s&#8217;aplica el mode jslint-stricter. Funci\u00f3 d&#8217;exemple () vs funci\u00f3()<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abspace_after_anon_function\u00bb: fals, \/\/ Espai despr\u00e9s de funcions d&#8217;anoniimousa<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abbrace_style\u00bb: \u00abcol\u00b7lapse\u00bb, \/\/ \u00abcol\u00b7lapse\u00bb | \u00abAmpliar\u00bb | \u00abEnd-expand\u00bb. col\u00b7loqueu claus a la mateixa l\u00ednia que les declaracions de control (per defecte), o poseu claus a la pr\u00f2pia l\u00ednia (estil Allman \/ ANSI), o simplement poseu claus finals a la vostra pr\u00f2pia l\u00ednia.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abkeep_array_indentation\u00bb: fals, \/\/ mant\u00e9 la sagnia de matriu.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abkeep_function_indentation\u00bb: fals, \/\/ mant\u00e9 la sagnia de la funci\u00f3.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abeval_code\u00bb: codi fals, \/\/ eval<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abunescape_strings\u00bb: fals, \/\/ Descodifica car\u00e0cters imprimibles codificats en notaci\u00f3 xNN<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abwrap_line_length\u00bb: 0, \/\/ Ajusta les l\u00ednies a la seg\u00fcent oportunitat despr\u00e9s de N car\u00e0cters<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abunindent_chained_methods\u00bb: falses, \/\/ Trucades de m\u00e8tode encadenades no sagnia<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abbreak_chained_methods\u00bb: false, \/\/ Trenca les crides de m\u00e8tode encadenat a trav\u00e9s de l\u00ednies posteriors<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abend_with_newline\u00bb: fals, \/\/ Afegeix una l\u00ednia nova al final del fitxer<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomma_first\u00bb: fals, \/\/ Afegeix coma primer<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00aboperator_position\u00bb: \u00ababans-newline\u00bb \/\/ Posici\u00f3 de l&#8217;operador: abans-newline, after-newline, preserve-newline<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_css_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abcss,menys\u00bb, \/\/ Noms de sintaxi que han de processar el format CSS<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: fals, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 4, \/\/ Mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_char\u00bb: \u00bb \u00ab, \/\/ Car\u00e0cter de sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: false, \/\/ Sagna amb una pestanya (substitueix les opcions indent_size i indent_char)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abselector_separator_newline\u00bb: fals, \/\/ Afegeix l\u00ednies noves despr\u00e9s dels separadors del selector<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abend_with_newline\u00bb: fals, \/\/ Afegeix una nova l\u00ednia de finalitzaci\u00f3 al fitxer<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abnewline_between_rules\u00bb: fals, \/\/ Afegeix una nova l\u00ednia entre regles<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abspace_around_combinator\u00bb: fals, \/\/ Espai al voltant del combinador<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abeol\u00bb: \u00ab\\n\u00bb \/\/ S\u00edmbol EOL<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_scss_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abscss,sass\u00bb, \/\/ Mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: fals, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 4, \/\/ Mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_char\u00bb: \u00bb \u00ab, \/\/ Car\u00e0cter de sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: false, \/\/ Sagna amb una pestanya (substitueix les opcions indent_size i indent_char)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abselector_separator_newline\u00bb: fals, \/\/ Afegeix l\u00ednies noves despr\u00e9s dels separadors del selector<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abend_with_newline\u00bb: fals, \/\/ Afegeix una nova l\u00ednia de finalitzaci\u00f3 al fitxer<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abnewline_between_rules\u00bb: fals, \/\/ Afegeix una nova l\u00ednia entre regles<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abspace_around_combinator\u00bb: fals, \/\/ Espai al voltant del combinador<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abeol\u00bb: \u00ab\\n\u00bb \/\/ S\u00edmbol EOL<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_html_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abhtml,blade,asp,xml\u00bb, \/\/ Noms de sintaxi que han de processar el formatador HTML<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: cert, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformatter_version\u00bb: \u00abregexp\u00bb, \/\/ Quin formatador utilitzar. Les opcions actuals s\u00f3n \u00abbs4\u00bb i \u00abregexp\u00bb. Si es produeix un error en carregar el format bs4, el format regexp s&#8217;utilitzar\u00e0 autom\u00e0ticament<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 4, \/\/ mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_char\u00bb: \u00bb \u00ab, \/\/ Car\u00e0cter de sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: false, \/\/ Sagna amb una pestanya (substitueix les opcions indent_size i indent_char)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexception_on_tag_mismatch\u00bb: fals, \/\/ Si l&#8217;\u00faltima etiqueta de tancament no est\u00e0 al mateix nivell de sagnat que la primera etiqueta d&#8217;obertura, probablement hi hagi un desajustament de l&#8217;etiqueta al fitxer<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexpand_javascript\u00bb: false, \/\/ (En construcci\u00f3) Expandeix JavaScript dins de &lt;script&gt; etiquetes (tamb\u00e9 afecta CSS purament per coincid\u00e8ncia)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexpand_tags\u00bb: fals, \/\/ Expandeix els atributs d&#8217;etiqueta a l\u00ednies noves<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abminimum_attribute_count\u00bb: 2, \/\/ Nombre m\u00ednim d&#8217;atributs necessaris abans que els atributs d&#8217;etiqueta s&#8217;expandeixin a l\u00ednies noves<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abfirst_attribute_on_new_line\u00bb: false, \/\/ Posa tots els atributs en l\u00ednies separades de l&#8217;etiqueta (nom\u00e9s utilitza 1 unitat de sagnat en lloc de folrar tots els atributs amb el primer)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abreduce_empty_tags\u00bb: cert, \/\/ Posa etiquetes de tancament a la mateixa l\u00ednia que l&#8217;etiqueta d&#8217;obertura si no hi ha contingut entre elles<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abreduce_whole_word_tags\u00bb: cert, \/\/ Posa etiquetes de tancament a la mateixa l\u00ednia que l&#8217;etiqueta d&#8217;obertura si hi ha paraula sencera entre elles<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcustom_singletons\u00bb: \u00ab\u00bb \/\/ Etiquetes de singleton personalitzades per a diversos llenguatges de plantilles fora de l&#8217;especificaci\u00f3 HTML5<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_python_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abpython\u00bb, \/\/ Noms de sintaxi que han de processar el formatador de Python<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: fals, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 1, \/\/ mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: cert, \/\/ Sagna amb pestanyes o espais<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_char\u00bb: 80, \/\/ Amplada de les l\u00ednies de sortida en car\u00e0cters.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abassignaci\u00f3\u00bb: \u00bb = \u00ab, \/\/ Aix\u00ed \u00e9s com apareixer\u00e0 l&#8217;operador d&#8217;assignaci\u00f3.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abfunction_param_assignment\u00bb: \u00ab=\u00bb, \/\/ Aix\u00ed ha d&#8217;apar\u00e8ixer l&#8217;assignaci\u00f3 de par\u00e0metres de funci\u00f3.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abfunction_param_sep\u00bb: \u00ab, \u00ab, \/\/ Aix\u00ed se separen els par\u00e0metres de la funci\u00f3.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00ablist_sep\u00bb: \u00ab, \u00ab, \/\/ Aix\u00ed \u00e9s com se separen els elements de la llista.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absubscript_sep\u00bb: \u00ab=\u00bb, \/\/ Aix\u00ed se separen els sub\u00edndexs.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abdict_colon\u00bb: \u00ab: \u00ab, \/\/ Aix\u00f2 separa les claus del diccionari dels valors.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abslice_colon\u00bb: \u00ab:\u00bb, \/\/ aix\u00f2 separa els \u00edndexs start:end de llesques.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomment_prefix\u00bb: \u00ab# \u00ab, \/\/ Aquest \u00e9s el sentinella que marca l&#8217;inici d&#8217;una cadena de comentaris.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abshebang\u00bb: \u00ab#!\/usr\/bin\/env python\u00bb, \/\/ Hashbang, un comentari de l\u00ednia 1 que nomena l&#8217;int\u00e8rpret de Python a les int\u00e8rprets d&#8217;Unix.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcaldera\u00bb: \u00ab\u00bb, \/\/ Bloc de codi est\u00e0ndard (si n&#8217;hi ha). Aix\u00f2 s&#8217;insereix despr\u00e9s de la cadena doc del m\u00f2dul a la sortida.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abblank_line\u00bb: \u00ab\u00bb, \/\/ Aix\u00ed \u00e9s com apareixer\u00e0 una l\u00ednia en blanc (fins al car\u00e0cter de l\u00ednia nova).<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abkeep_blank_lines\u00bb: cert, \/\/ Si \u00e9s cert, conserveu-ne un en blanc on es trobin espais en blanc.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abadd_blank_lines_around_comments\u00bb: cert, \/\/ Si \u00e9s cert, despreneu blocs de comentaris amb espais en blanc.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abadd_blank_line_after_doc_string\u00bb: cert, \/\/ Si \u00e9s cert, afegiu una l\u00ednia en blanc despr\u00e9s de les cadenes de doc.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_seps_func_def\u00bb: 3, \/\/ Divideix les l\u00ednies que contenen definicions de funcions m\u00e9s llargues.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_seps_func_ref\u00bb: 5, \/\/ Divideix les l\u00ednies que contenen crides de funci\u00f3 m\u00e9s llargues.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_seps_series\u00bb: 5, \/\/ Divideix les l\u00ednies que contenen llistes o tuples m\u00e9s llargs.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_seps_dict\u00bb: 3, \/\/ Divideix les l\u00ednies que contenen definicions de diccionari m\u00e9s llargues.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_lines_before_split_lit\u00bb: 2, \/\/ Divideix els literals de les cadenes que contenen m\u00e9s car\u00e0cters de l\u00ednia nova.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00ableft_margin\u00bb: \u00ab\u00bb, \/\/ Aix\u00ed \u00e9s com ha d&#8217;apar\u00e8ixer el marge esquerre.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abnormalize_doc_strings\u00bb: fals, \/\/ Si \u00e9s cert, normalitza l&#8217;espai en blanc en cadenes de doc.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00ableftjust_doc_strings\u00bb: fals, \/\/ Si \u00e9s cert, l&#8217;esquerra justifica les cadenes de doc.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abwrap_doc_strings\u00bb: fals, \/\/ Si \u00e9s cert, embolica les cadenes de doc a max_char.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00ableftjust_comments\u00bb: fals, \/\/ Si \u00e9s cert, l&#8217;esquerra justifica els comentaris.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abwrap_comments\u00bb: fals, \/\/ Si \u00e9s cert, embolica els comentaris a max_char.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abdouble_quoted_strings\u00bb: fals, \/\/ Si \u00e9s cert, utilitzeu cometes en lloc d&#8217;ap\u00f2strofs per als literals de cadenes.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absingle_quoted_strings\u00bb: fals, \/\/ Si \u00e9s cert, utilitzeu ap\u00f2strofs en lloc de cometes per als literals de les cadenes.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcan_split_strings\u00bb: fals, \/\/ Si \u00e9s cert, les cadenes m\u00e9s llargues es divideixen al max_char.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abdoc_tab_replacement\u00bb: \u00ab&#8230;.\u00bb, \/\/ Aquest literal substitueix els car\u00e0cters de pestanya en cadenes i comentaris de documents.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Opcionalment, conserveu les constants no assignades de manera que el codi estigui ordenat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> pot contenir blocs de l\u00ednies comentades que no s&#8217;han<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> amb cometes triples inicials i finals. Els scripts de Python poden declarar<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> constants sense assignar-les a variables, per\u00f2 CodeFormatter<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> considera que aix\u00f2 \u00e9s desaprofitat i normalment els eludi.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abkeep_unassigned_constants\u00bb: fals,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Opcionalment omet els par\u00e8ntesis al voltant de les tuples, que s\u00f3n sup\u00e8rflues<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> al cap i a la fi. El comportament normal de CodeFormatter encara els inclour\u00e0<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> com una mena de pantalla de tupla an\u00e0loga a les pantalles de llista, dict<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> pantalles i pantalles del conjunt encara per venir.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abparenthesize_tuple_display\u00bb: veritat,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Quan CodeFormatter divideix les l\u00ednies m\u00e9s llargues perqu\u00e8 max_seps<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> se superen, l&#8217;afirmaci\u00f3 normalment es tanca abans que el marge<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> Restaurat. El claud\u00e0tor de tancament, el claud\u00e0tor o el par\u00e8ntesi es col\u00b7loca a la<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> nivell de sagnia actual. Aix\u00f2 sembla lleig per als programadors \u00abC\u00bb. Quan<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> java_style_list_dedent \u00e9s cert, el claud\u00e0tor de tancament, el claud\u00e0tor o<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> par\u00e8ntesi es retorna a l&#8217;esquerra al nivell de sagnia de l&#8217;adjunt<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> declaraci\u00f3.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abjava_style_list_dedent\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_vbscript_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abvbscript\u00bb, \/\/ Noms de sintaxi que han de processar el format VBScript<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: fals, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 1, \/\/ mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_char\u00bb: \u00ab\\t\u00bb, \/\/ Car\u00e0cter de sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: cert, \/\/ Sagnat amb una pestanya (substitueix les opcions de indent_size i indent_char)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abpreserve_newlines\u00bb: true, \/\/ Conserva els salts de l\u00ednia existents<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmax_preserve_newlines\u00bb: 10, \/\/ Nombre m\u00e0xim de salts de l\u00ednia a preservar en un sol tros<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abopening_tags\u00bb: \u00ab^(Funci\u00f3 .*| Sub.*| Si .* Llavors| Per a .*| Fes-ho mentre .*| Seleccioneu Cas.*)\u00bb, \/\/ Llista de paraules clau que obren un bloc nou<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abmiddle_tags\u00bb: \u00ab^(Altrament| ElseIf .* Llavors| Cas .*)$\u00bb, \/\/ Llista de paraules clau que divideixen un bloc, per\u00f2 ni obren ni tanquen el bloc<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abclosing_tags\u00bb: \u00ab(Funci\u00f3 final| Sub| final Finalitza si| Seg\u00fcent| Bucle| Final De la selecci\u00f3)$\u00bb \/\/ Llista de paraules clau que tanquen un bloc obert<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> },<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeformatter_coldfusion_options\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absintaxis\u00bb: \u00abcoldfusion,cfm,cfml\u00bb, \/\/ Noms de sintaxi que han de processar el formatter Coldfusion Markup Language<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abformat_on_save\u00bb: fals, \/\/ Format en desar. Ja sigui un boole\u00e0 (true\/false) o una cadena regexp provada en el nom del fitxer. Exemple : \u00ab^((?!. min.| venedor).) *$\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_size\u00bb: 2, \/\/ mida del sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_char\u00bb: \u00bb \u00ab, \/\/ Car\u00e0cter de sagnat<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abindent_with_tabs\u00bb: false, \/\/ Sagna amb una pestanya (substitueix les opcions indent_size i indent_char)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexception_on_tag_mismatch\u00bb: fals, \/\/ Si l&#8217;\u00faltima etiqueta de tancament no est\u00e0 al mateix nivell de sagnat que la primera etiqueta d&#8217;obertura, probablement hi hagi un desajustament de l&#8217;etiqueta al fitxer<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexpand_javascript\u00bb: false, \/\/ (En construcci\u00f3) Expandeix JavaScript dins de &lt;script&gt; etiquetes (tamb\u00e9 afecta CSS purament per coincid\u00e8ncia)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abexpand_tags\u00bb: fals, \/\/ Expandeix els atributs d&#8217;etiqueta a l\u00ednies noves<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abminimum_attribute_count\u00bb: 2, \/\/ Nombre m\u00ednim d&#8217;atributs necessaris abans que els atributs d&#8217;etiqueta s&#8217;expandeixin a l\u00ednies noves<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abfirst_attribute_on_new_line\u00bb: false, \/\/ Posa tots els atributs en l\u00ednies separades de l&#8217;etiqueta (nom\u00e9s utilitza 1 unitat de sagnat en lloc de folrar tots els atributs amb el primer)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abreduce_empty_tags\u00bb: fals, \/\/ Posa etiquetes de tancament a la mateixa l\u00ednia que l&#8217;etiqueta d&#8217;obertura si no hi ha contingut entre elles<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abreduce_whole_word_tags\u00bb: fals, \/\/ Posa etiquetes de tancament a la mateixa l\u00ednia que l&#8217;etiqueta d&#8217;obertura si hi ha paraula sencera entre elles<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcustom_singletons\u00bb: \u00ab\u00bb \/\/ Etiquetes de singleton personalitzades per a diversos llenguatges de plantilles fora de l&#8217;especificaci\u00f3 HTML5<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Quan guardem l&#8217; arxiu autom\u00e0ticament s&#8217; aplicaran les opcions corresponents, segons el llenguatge utilitzat.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.9 Comentar\/descomentar c\u00f3digo en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Una forma de reindentar el codi \u00e9s la seg\u00fcent: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Per comentar\/descomentar codi de forma r\u00e0pida podem configurar la combinaci\u00f3 de tecles <strong>CTRL+ 7<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Vamos a <strong>Prefer\u00e8ncies<\/strong> -&gt; vinculacions <strong>de tecles<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Afegim aquest objecte JSON a l&#8217;arrel que tinguem:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\"> { \u00abtecles\u00bb: [\u00abctrl+7\u00bb], \u00abcommand\u00bb: \u00abtoggle_comment\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: { \u00abblock\u00bb: false }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Amb el que ens quedaria una combinaci\u00f3 tal que aix\u00ed:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">[{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abshift+f6\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomandament\u00bb: \u00abside_bar_open_in_browser\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcamins\u00bb: [],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtipus\u00bb: \u00abproducci\u00f3\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abnavegador\u00bb: \u00ab\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abctrl+maj+r\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abordre\u00bb: \u00abreindent\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absingle_line\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abtecles\u00bb: [\u00abctrl+7\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abcomandament\u00bb: \u00abtoggle_comment\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00abbloc\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.10 Auto ajust de l\u00ednies llargues (wrap) a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per <strong>auto ajustar les l\u00ednies llargues<\/strong> que se surtin de l&#8217;editor farem el seg\u00fcent: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>Prefer\u00e8ncies &gt; Configuraci\u00f3: Usuari<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Introduirem la seg\u00fcent l\u00ednia: <strong>\u00abword_wrap\u00bb: true,<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abword_wrap\u00bb: veritat,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abignored_packages\u00bb:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0[<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00abVintage\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>Gravarem<\/strong> l&#8217;arxiu amb <strong>CTRL + S<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.11 Connector Emmet a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Aquest plugin ens ajudar\u00e0 a <strong>generar codi de forma r\u00e0pida<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Escrivim <strong>emmet<\/strong> i en els resultats que apareguin polsem a <strong>Emmet<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li>\n<div><span style=\"font-size: 14pt;\">Un cop instal\u00b7lat creem un fitxer html i podem provar combinacions com les seg\u00fcents: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/div>\n<ul>\n<li><span style=\"font-size: 14pt;\">! [TAB] -&gt; Escriu la cap\u00e7alera d&#8217;un document HTML5<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">div&gt;ul&gt;li -&gt; Genera un div que cont\u00e9 un ul i un li<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Per a m\u00e9s informaci\u00f3 i exemples visitar: <a href=\"http:\/\/docs.emmet.io\/\" target=\"_blank\" rel=\"noopener\">http:\/\/docs.emmet.io\/<\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.12 Connector Bootstrap 3 Fragments en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin ens permetr\u00e0 <strong>autocompletar codi de Bootstrap<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>bootstrap<\/strong> i en els resultats que apareguin polsem a <strong>Bootstrap 3 Snippets<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament obrim un fitxer nou i vam provar de teclejar alguna combinaci\u00f3 de les disponibles en:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 12pt;\">https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin<\/span><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 10pt;\">Per generar un formulari en bootstrap:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">bs3-form + [TAB]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">Per escriure un camp de tipus input text:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">bs3-input:text + [TAB]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">Per escriure un camp de tipus input:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">bs3-input:date + [TAB]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">M\u00e9s exemples en: https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.13 Connector De BracketHighlighter a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin ens ajudar\u00e0 a <strong>localitzar m\u00e9s f\u00e0cilment l&#8217;obertura i tancament d&#8217;etiquetes<\/strong>, funcions, etc..<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>bracket<\/strong> i en els resultats que apareguin polsem a <strong>BracketHighlighter<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Un cop instal\u00b7lat obrim un fitxer i vam provar en un fitxer amb codi a veure si marca les obertures i tancaments correctament.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">De vegades depenent de la combinaci\u00f3 de colors podr\u00e0 destacar-ho m\u00e9s o menys.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.14 Connector ColorPicker en sublim text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin ens permetr\u00e0 <strong>seleccionar colors des del codi font<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>colorpi<\/strong> i en els resultats que apareguin polsem a <strong>ColorPicker<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament teclejarem <strong>CTRL+Shift+C<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.15 Connector DocBlockr a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin ens permetr\u00e0 <strong>crear documentaci\u00f3 sobre el codi font<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>docbl<\/strong> i en els resultats que apareguin polsem a <strong>DocBlockr<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem d&#8217;escriure <strong>\/**<\/strong> i polsar <strong>TAB<\/strong> damunt d&#8217;una funci\u00f3.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Exemple: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\/**[TAB]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">function sumar( a,b)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0retorna a+b;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">I obtindrem alguna cosa com:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\/**<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * [sumar description]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * @param {[type]} a<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * @param {[type]} b<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * @return {[type]}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> *\/<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">function sumar( a,b)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0retorna a+b;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">Haurem de completar la documentaci\u00f3 cobrint cada apartat i polsant [TAB] per passar al seg\u00fcent.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">I generarem un codi similar a l&#8217;exemple seg\u00fcent:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\/**<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * Funci\u00f3 que retorna la suma de dos n\u00fameros passats com a par\u00e0metre.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * @param {number} a<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * @param {number} b<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> * @return {number}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> *\/<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">function sumar( a,b)<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0retorna a+b;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.16 Plugin HTML-CSS-JS Prettify en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>html css<\/strong> i en els resultats que apareguin polsem en <strong>HTML-CSS-JS Prettify<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem de fer click amb el bot\u00f3 dret en el codi i seleccionar <strong>HTML\/CSS\/JS Prettify -&gt; Prettify Code<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.17 Plugin Typescript per treballar amb Angular2 a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>TypeScript<\/strong> i en els resultats que apareguin polsem a <strong>TypeScript<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Reiniciem Sublime i ja podrem veure amb colors el codi de <strong>TypeScript<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Si volem configurar la mida del tabulador en espais i alguna que altra opci\u00f3 anirem a:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>Preferences &gt; Settings &gt; Syntax Specific (User)<\/strong> y pegaremos el siguiente c\u00f3digo:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtab_size\u00bb: 3,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtranslate_tabs_to_spaces\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.18 Plugin Laravel Blade Highlighter en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin ens permetr\u00e0 <strong>posar de diferent color les plantilles Blade de Laravel<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>laravel<\/strong> i en els resultats que apareguin polsem a <strong>Laravel Blade Highlighter<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.19 Plugin Laravel Color Scheme en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin <strong>ens permetr\u00e0 posar de diferent color codi generat a Laravel<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>laravel<\/strong> i en els resultats que apareguin polsem a <strong>Laravel Color Scheme<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.20 Plugin PHP Getters and Setters en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin <strong>ens permetr\u00e0 crear els getters and setters en PHP a l&#8217;hora de fer una classe.<\/strong><\/span><br \/>\n<span style=\"font-size: 12pt;\">: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>PHP Getters<\/strong> i en els resultats que apareguin polsem en <strong>PHP Getters and Setters<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem de <strong>polsar amb el bot\u00f3 dret Getters and Setters<\/strong> en el codi PHP on tenim la classe i seleccionar l&#8217;opci\u00f3 desitjada.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.21 Connector PHPcs a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">D\u00f3na suport a PHP_CodeSniffer ST2. Xerra si el codi segueix el st\u00e0ndard. Es pot seleccionar Zend, PEAR,etc.. Per a m\u00e9s configuraci\u00f3: <a href=\"http:\/\/pear.php.net\/package\/PHP_CodeSniffer\/redirected\" target=\"_blank\" rel=\"noopener\">http:\/\/pear.php.net\/package\/PHP_CodeSniffer\/redirected<\/a><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>PHP Construc<\/strong> i en els resultats que apareguin polsem a <strong>PHPcs<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.22 Plugin PHP Constructors en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin <strong>ens permetr\u00e0 crear els constructors d&#8217;una classe en PHP.<\/strong><\/span><br \/>\n<span style=\"font-size: 12pt;\">: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>PHP Construc<\/strong> i en els resultats que apareguin polsem en <strong>PHP Constructors<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem de polsar amb el <strong>bot\u00f3 dret PHP Constructor<\/strong> i seleccionar <strong>Generate PHP Constructor for Class<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.23 Plugin Pretty JSON en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin ens permetr\u00e0 <strong>validar, formatejar i minimitzar un JSON<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>pretty<\/strong> i en els resultats que apareguin polsem a <strong>Pretty JSON<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per configurar la combinaci\u00f3 de tecles anirem a <strong>Preferences -&gt; Package Settings -&gt; PretyJSON-&gt; Settings &#8211; User<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">I hi afegim el seg\u00fcent:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">{ \u00abkeys\u00bb: [ \u00abctrl+alt+m\u00bb ], \u00abcommand\u00bb: \u00abun_pretty_json\u00bb }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Per usar-lo seleccionarem el text JSON i polsarem CTRL+ALT+M<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Tamb\u00e9 podrem validar i formatejar. Polsem CTRL + Shift + P, teclejam JSON i veurem les opcions possibles i combinacions de tecles corresponents.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per formatejar usarem CTRL + Alt + J<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.24 Connector EJS V2 Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Perqu\u00e8 reconegui les <strong>plantilles<\/strong> amb <strong>extensi\u00f3 .ejs<\/strong>, instal\u00b7lar el plugin <strong>EJS 2<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">CTRL+ Shift + P y tecleamos install y seleccionamos Package Control: Install Package.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim EJS 2 i en els resultats que apareguin polsem a EJS 2.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.25 Connector SublimeCodeIntel a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aquest plugin <strong>ens permetr\u00e0 autocompletar codi en diferents llenguatges<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>codeIntel<\/strong> i en els resultats que apareguin polsem a <strong>SublimeCodeIntel<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem d&#8217;escriure codi d&#8217;algun llenguatge i esperar que ens mostri les opcions d&#8217;autocompletat.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><a href=\"http:\/\/sublimecodeintel.github.io\/SublimeCodeIntel\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 12pt;\">M\u00e9s informaci\u00f3 sobre el plugin SublimeCodeIntel<\/span><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 12pt;\"><strong>Tecles r\u00e0pides amb el plugin SublimeCodeIntel<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>ALT+Click<\/strong> (en una variable, ens porta a la secci\u00f3 del codi on es va crear aquesta variable.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>Shift+Control+Espai<\/strong> (per mostrar les opcions d&#8217;autocompletat per a un text determinat).<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Per a PHP haurem d&#8217; activar l&#8217; opci\u00f3 d&#8217; autocompletat en: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Abrimos el siguiente fichero: <strong>Preferences -&gt; Package Settings -&gt; SublimeCodeIntel -&gt; Settings &#8211; Default<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>Copiam<\/strong> tot el seu contingut.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Ho <strong>enganxem<\/strong> al seg\u00fcent fitxer: <strong>Preferences -&gt; Package Settings -&gt; SublimeCodeIntel -&gt; Settings &#8211; User<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Modifiquem aquesta l\u00ednia perqu\u00e8 quedi aix\u00ed, &#8216;<em>afegint PHP en l&#8217;\u00faltima posici\u00f3<\/em>:<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\"> \u00abcodeintel_selected_catalogs\u00bb: [<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abPHP\u00bb, \u00abjQuery\u00bb, \u00abHTML5\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> ],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>Gravem l&#8217;arxiu<\/strong> amb els nostres ajustos i <strong>reiniciem el Sublim Text 3<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.26 Connector SublimeLinter Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Xerra constantment si ens hem oblidat de claus, punt i coma, etc..<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per instal\u00b7lar-lo: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>Sublime Linter<\/strong> i en els resultats que apareguin polsem a <strong>Sublimelinter<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Cal instal\u00b7lar m\u00f2duls addicionals per a cada llenguatge: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 13pt;\"><strong>1.26.1 SublimeLinter-php<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 13pt;\"><strong>1.26.2 SublimeLinter-jshint<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 13pt;\"><strong>1.26.3 .SublimeLinter-json<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 13pt;\"><strong>1.26.4 SublimeLinter-csslint<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.27 Connector de terminal en sublim text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>terminal<\/strong> i en els resultats que apareguin polsem a <strong>Terminal<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem de fer click amb el bot\u00f3 dret en alguna carpeta i seleccionar <strong>Open Terminal Here&#8230;<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.28 Connectors finals en sublim text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">S&#8217; encarrega d&#8217; eliminar els espais al final que tinguem en el codi. <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Shift + P<\/strong> y tecleamos <strong>install<\/strong> y seleccionamos <strong>Package Control: Install Package<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Escrivim <strong>terminal<\/strong> i en els resultats que apareguin polsem a <strong>TrailingSpaces<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Li assignarem una combinaci\u00f3 de tecles a <strong>Preferences -&gt; Key Bindings -&gt; User<\/strong> (delete_trailing_spaces):<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">[{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abshift+f6\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomandament\u00bb: \u00abside_bar_open_in_browser\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcamins\u00bb: [],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtipus\u00bb: \u00abproducci\u00f3\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abnavegador\u00bb: \u00ab\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abctrl+maj+r\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abordre\u00bb: \u00abreindent\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absingle_line\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0 \u00abtecles\u00bb: [\u00abctrl+maj+s\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abcomandament\u00bb: \u00abdelete_trailing_spaces\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem de polsar CTRL+Shift+S i s&#8217;eliminaran autom\u00e0ticament tots aquests espais al final.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.29 Combinaci\u00f3 de tecles per gravar tots els arxius a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Mitjan\u00e7ant aquesta combinaci\u00f3 de tecles gravarem totes les modificacions de tots els arxius que tinguem oberts a Sublime. <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>CTRL+ Alt + S<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">[{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abshift+f6\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomandament\u00bb: \u00abside_bar_open_in_browser\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcamins\u00bb: [],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtipus\u00bb: \u00abproducci\u00f3\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abnavegador\u00bb: \u00ab\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abctrl+maj+r\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abordre\u00bb: \u00abreindent\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00absingle_line\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abctrl+alt+s\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomandament\u00bb: \u00absave_all\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abctrl+maj+b\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomandament\u00bb: \u00abbracketeer_select\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}, {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abtecles\u00bb: [\u00abctrl+7\u00bb],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abcomandament\u00bb: \u00abtoggle_comment\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abargs\u00bb: {<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> \u00abbloc\u00bb: fals<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"> }<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}]<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Per provar el seu funcionament simplement haurem de polsar CTRL+Shift+S i s&#8217;eliminaran autom\u00e0ticament tots aquests espais al final.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.30 Creaci\u00f3 d&#8217; un snippet a Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Anem a veure com podem crear un snippet a Sublime Text 3 perqu\u00e8 ens cobreixi la cap\u00e7alera de <strong>Bootstrap<\/strong> en teclejar <strong>bs<\/strong> i polsar <strong>TABULADOR<\/strong>. <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Archivo:Logo-bootstrap.jpg\"><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/04\/041622_1736_Tutorialsob14.jpg\" alt=\"\" border=\"0\" \/><\/a><a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 12pt;\">Getbootstrap.com<\/span><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per a aix\u00f2 anirem a <strong>Tools -&gt; New Snippet&#8230;<\/strong><\/span><br \/>\n<span style=\"font-size: 12pt;\"> i es mostrar\u00e0 el codi seg\u00fcent: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;sippet&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;content&gt;&lt;! [CDATA[<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">Hola, ${1:this} \u00e9s un ${2:snippet}.<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">]]&gt;&lt;\/contingut&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; Opcional: definiu un tabTrigger per definir com activar el fragment &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; &lt;TabTrigger&gt;hello&lt;\/tabTrigger&gt; &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; Opcional: definiu un \u00e0mbit per limitar on s&#8217;activar\u00e0 el fragment &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; &lt;scope&gt;source.python&lt;\/scope&gt; &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;\/fragment&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Dins <strong>&lt;![ CDATA[ &#8230; ]] &gt;<\/strong> teclejarem el <strong>codi font<\/strong> del nostre <strong>snippet<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Els par\u00e0metres <strong>${1:this}<\/strong> i <strong>${2:snippet}<\/strong> seran els textos que ens apareixeran quan executem l&#8217;snippet i posem TABULADOR.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>${1:this}<\/strong> : <strong>${1}<\/strong> -&gt; indica primer par\u00e0metre i <strong>:this<\/strong> -&gt; indica text per defecte en aquesta posici\u00f3.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>&lt;tabTrigger&gt;hello&lt;\/tabTrigger&gt;<\/strong> -&gt; Aqu\u00ed s&#8217;indica el text previ que activar\u00e0 l&#8217;snippet al polsar TAB.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\"><br \/>\n<strong>Codi font del nostre snippet per a Bootstrap<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;sippet&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;content&gt;&lt;! [CDATA[<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;! DOCTYPE html&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;html lang=\u00bbes\u00bb&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;head&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;meta charset=\u00bbUTF-8&#8243;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;title&gt;${1:Title documento}&lt;\/title&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;meta name=\u00bbviewport\u00bb content=\u00bbwidth=device-width, initial-scale=1, maximum-scale=1&#8243;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;enlla\u00e7a rel=\u00abfull d&#8217;estil\u00bb href=\u00bbcss\/bootstrap.min.css\u00bb&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;enlla\u00e7a rel=\u00abfull d&#8217;estil\u00bb href=\u00bbcss\/bootstrap-theme.min.css\u00bb&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;\/cap&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;body&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0${2: Contingut del document}<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;script src=\u00bb\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\u00bb&gt;&lt;\/script&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;\/cos&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;\/html&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">]]&gt;&lt;\/contingut&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; Opcional: definiu un tabTrigger per definir com activar el fragment &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;tabTrigger&gt;bs&lt;\/tabTrigger&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; Opcional: definiu un \u00e0mbit per limitar on s&#8217;activar\u00e0 el fragment &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0&lt;!&#8211; &lt;scope&gt;source.python&lt;\/scope&gt; &#8211;&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">&lt;\/fragment&gt;<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Per <strong>guardar el fitxer amb l&#8217; snippet<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\"><strong>Carpeta<\/strong>: <strong>\\Sublime Text 3\\Packages\\User<\/strong><span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>Nom<\/strong>: <strong>sense restriccions<\/strong>.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\"><strong>Extensi\u00f3<\/strong>: <strong>.sublime-snippet<\/strong> (\u00e9s obligat\u00f2ria, sin\u00f3 no funcionar\u00e0 l&#8217;snippet).<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Per <strong>provar l&#8217; snippet<\/strong>: <span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Teclejar <strong>bs<\/strong> i polsar <strong>TAB<\/strong> a continuaci\u00f3.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\"><strong>1.31 Configuraci\u00f3 de Git en Sublime Text 3<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<p><a href=\"http:\/\/scotch.io\/tutorials\/using-git-inside-of-sublime-text-to-improve-workflow\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 12pt;\">http:\/\/scotch.io\/tutorials\/using-git-inside-of-sublime-text-to-improve-workflow<\/span><\/a><span style=\"font-family: Times New Roman; font-size: 12pt;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 18pt;\"><strong>1.32 Configuraci\u00f3 de Sublim Text 3 per seguir els est\u00e0ndards PSR-2<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Entraremos en Preferences -&gt; Settings<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Copiam i enganxem la seg\u00fcent configuraci\u00f3 sobreescrivint el que tinguem.<span style=\"font-family: Times New Roman;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 10pt;\">{<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abdefault_line_ending\u00bb: \u00abunix\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abensure_newline_at_eof_on_save\u00bb: veritat,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abfont_size\u00bb: 12,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abignored_packages\u00bb:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0[<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00abVintage\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abpreserveIndent\u00bb: \u00abfalse\u00bb,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abgovernants\u00bb:<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0[<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0120<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0],<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abtab_size\u00bb: 4,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abtranslate_tabs_to_spaces\u00bb: veritat,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abtrim_trailing_white_space_on_save\u00bb: veritat,<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">\u00a0\u00a0\u00a0\u00a0\u00abword_wrap\u00bb: \u00abVeritat\u00bb<span style=\"font-family: Courier New;\"><br \/>\n<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\">}<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Show Open Files -&gt;1.4 Aquest tutorial \u00e9s una traducci\u00f3 de Tutorial sobre editor Sublime Text 3 que a mi m&#8217;ha resultat molt \u00fatil als meus petits treballs personal en html, JS, CSS i PHP els havia fet primer amb el &hellip; <a href=\"https:\/\/www.beseit.net\/?p=12042\">Continua llegint <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":8179,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[138],"tags":[],"class_list":["post-12042","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sublime"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/12042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=12042"}],"version-history":[{"count":11,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/12042\/revisions"}],"predecessor-version":[{"id":12215,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/12042\/revisions\/12215"}],"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=12042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}