{"id":2437,"date":"2016-07-09T05:41:21","date_gmt":"2016-07-09T05:41:21","guid":{"rendered":"http:\/\/marketingweb.com.mx\/blog\/?p=2437"},"modified":"2016-07-09T05:41:21","modified_gmt":"2016-07-09T05:41:21","slug":"desarrollo-web-2","status":"publish","type":"post","link":"https:\/\/disenodepagina.com\/disenoweb\/desarrollo-web-2\/","title":{"rendered":"desarrollo-web"},"content":{"rendered":"<h1>Desarrollo web<\/h1>\n<p>Mejora tu productividad en desarrollo web con Sublime Text 3 editor de c\u00f3digo.(<em><strong>desarrollo-web<\/strong><\/em>)<\/p>\n<p>&nbsp;<\/p>\n<p>A la hora de ponernos a programar tenemos diversas herramientas que nos ayudan a mejorar nuestra productividad y trabajar de forma m\u00e1s r\u00e1pida.<\/p>\n<p><a title=\"Sublime Text\" href=\"http:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener\">Sublime Text 3<\/a>\u00a0es un editor de texto muy sencillo, el cual podemos llegar a convertirlo en un IDE mediante\u00a0plugins, donde se encuentra su mayor potencia. Entre sus caracter\u00edsticas m\u00e1s destacadas est\u00e1n la <strong>multiselecci\u00f3n<\/strong>,\u00a0<strong>ctrl+p<\/strong> (navegaci\u00f3n r\u00e1pida de ficheros),\u00a0<strong>goto definition<\/strong> (navegaci\u00f3n r\u00e1pida a la definici\u00f3n de un m\u00e9todo). (<em><strong>desarrollo-web<\/strong><\/em>)<\/p>\n<figure id=\"attachment_2439\" aria-describedby=\"caption-attachment-2439\" style=\"width: 666px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/desarrollo-web2.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2439\" title=\"desarrollo-web\" src=\"http:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/desarrollo-web2-300x169.jpg\" alt=\"desarrollo-web\" width=\"666\" height=\"375\" \/><\/a><figcaption id=\"caption-attachment-2439\" class=\"wp-caption-text\"><strong>desarrollo-web-sublime text<\/strong><\/figcaption><\/figure>\n<p>Lo primero que tenemos que hacer, si a\u00fan no tenemos Sublime Text 3 instalado, es descargarlo e instalarlo de la p\u00e1gina oficial (compatible con Linux, Windows, OS X).\u00a0<a href=\"http:\/\/www.sublimetext.com\/3\" target=\"_blank\" rel=\"noopener\">Descarga Sublime Text 3<\/a><\/p>\n<p>Una vez instalado y\u00a0abierto Sublime Text, procedemos a instalar\u00a0el <strong>package control<\/strong>, es el\u00a0gestor de paquetes de Sublime Text, mediante el cual podremos instalar los <strong>plugins<\/strong> y\u00a0<strong>themes<\/strong> de forma sencilla. <a href=\"https:\/\/packagecontrol.io\/installation\" target=\"_blank\" rel=\"noopener\">Descarga Package Control<\/a>\u00a0\u00a0 (<em><strong>desarrollo-web<\/strong><\/em>).<\/p>\n<h2><em><strong>Configurar los plugins<\/strong><\/em><\/h2>\n<p>Ahora que tenemos instalado el <strong>Package Control<\/strong>\u00a0recomiendo instalar estos plugins para aprovechar\u00a0toda la potencia de este maravilloso editor. Algunos de ellos est\u00e1n orientados para el desarrollo web con PHP y AngularJS.<\/p>\n<p>Para instalar un plugin abre la ventana de comandos (<strong>ctrl+shift+p<\/strong>) y escribe\u00a0\u201c<strong>p<\/strong><strong>ackage<\/strong> <strong>install<\/strong>\u201c<strong>\u00a0<\/strong>y presiona\u00a0<strong>Enter<\/strong>; el Package Control actualizar\u00e1 el listado de plugins y abrir\u00e1 de nuevo la ventana de comandos,\u00a0<strong>escribe el nombre<\/strong> del plugin y presiona\u00a0<strong>Enter\u00a0<\/strong>para instalarlo.<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/titoBouzout\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener\"><strong>SideBarEnhancements<\/strong><\/a>,\u00a0a\u00f1ade mejoras al menu contextual del sidebar de ficheros y carpetas.<\/li>\n<li><a href=\"https:\/\/sublimegit.net\/\" target=\"_blank\" rel=\"noopener\"><strong>SublimeGit<\/strong><\/a>,\u00a0en la ventana de comandos (<strong>ctrl+shift+p<\/strong>) escribe \u201c<strong>git<\/strong>\u201d para ver todos los comandos, empieza por familiarizarte con <b>\u201cgit status\u201d<\/b>.<\/li>\n<li><a href=\"http:\/\/wbond.net\/sublime_packages\/svn\" target=\"_blank\" rel=\"noopener\"><strong>SVN<\/strong><\/a>, plugin para la gesti\u00f3n de control de versiones mediante subversion.<\/li>\n<li><a href=\"http:\/\/www.sublimelinter.com\/en\/latest\/\" target=\"_blank\" rel=\"noopener\"><strong>Sublime Linter<\/strong><\/a>, revisa la sintaxis del c\u00f3digo, alert\u00e1ndote cuando hay problemas de compilaci\u00f3n.<\/li>\n<li><a href=\"https:\/\/github.com\/spadgos\/sublime-jsdocs\" target=\"_blank\" rel=\"noopener\"><strong>DockBlockr<\/strong><\/a>, autogenera comentarios en funciones al escribir\u00a0\u201c<strong>\/**<\/strong>\u201d y apretar\u00a0<strong>Enter.<\/strong><\/li>\n<li><a href=\"http:\/\/emmet.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Emmet<\/strong><\/a>, utiliza sintaxis CSS para generar HTML.<\/li>\n<li><a href=\"https:\/\/github.com\/ThomasKliszowski\/json_reindent\" target=\"_blank\" rel=\"noopener\"><strong>JSON Reindent<\/strong><\/a>, escribe \u201c<strong>json reindent<\/strong>\u201c<b>\u00a0<\/b>en la consola de comandos para reindentar un json.<\/li>\n<li><strong>LESS<\/strong>, coloreado de sintaxis para LESS.<\/li>\n<li><strong>SCSS<\/strong>, snippets y coloreado de sintaxis para SASS.<\/li>\n<li><a href=\"https:\/\/github.com\/francodacosta\/sublime-php-getters-setters\" target=\"_blank\" rel=\"noopener\"><strong>PHP Getters and Setters<\/strong><\/a>, habilita en el\u00a0men\u00fa contextual\u00a0una opci\u00f3n para generar los getters y setters de manera autom\u00e1tica.<\/li>\n<li><a href=\"https:\/\/github.com\/Monnoroch\/ColorHighlighter\" target=\"_blank\" rel=\"noopener\"><strong>Color Highlighter<\/strong><\/a>,\u00a0previsualiza en el editor los colores escritos en hexadecimal.<\/li>\n<li><a href=\"http:\/\/wbond.net\/sublime_packages\/sftp\" target=\"_blank\" rel=\"noopener\"><strong>SFTP<\/strong><\/a>, potente plugin para trabajar en servidores remotos mediante\u00a0FTP o SSH.<\/li>\n<li>(<em><strong>desarrollo-web<\/strong><\/em>).<\/li>\n<\/ul>\n<h3><strong>Configurar\u00a0el\u00a0dise\u00f1o (<em><strong>desarrollo-web<\/strong><\/em>).<\/strong><\/h3>\n<p>Si quieres un dise\u00f1o de la interfaz <strong>oscuro<\/strong> o <strong>claro<\/strong>, te aconsejo instalar\u00a0<strong><a href=\"https:\/\/github.com\/buymeasoda\/soda-theme\" target=\"_blank\" rel=\"noopener\">Theme \u2013 Soda<\/a><\/strong>,\u00a0con este cambio conseguimos un tema muy agradable a la vista.<\/p>\n<p>Para instalarlo abre la ventana de comandos (<strong>ctrl+shift+p<\/strong>), utiliza el comando \u201c<strong>package install<\/strong>\u201d y busca \u201c<strong>Theme \u2013 Soda<\/strong>\u201c. Una vez instalado tenemos que activar el tema, en la barra de menu edita las preferencias de usuario\u00a0<strong>Sublime Text 2<\/strong> -&gt; <strong>Preferences<\/strong> -&gt; <strong>Settings \u2013 User<\/strong>,\u00a0a\u00f1ade o modifica la opci\u00f3n \u201c<strong>theme<\/strong>\u201d por <em>\u201ctheme\u201d: \u201cSoda Light 3.sublime-theme\u201d<\/em> o <em>\u201ctheme\u201d: \u201cSoda Dark 3.sublime-theme\u201d<\/em>. <a href=\"http:\/\/marketingweb.com.mx\/marketing-digital.html\" target=\"_blank\" rel=\"noopener\">(<em><strong>desarrollo-web<\/strong><\/em><\/a>).<\/p>\n<p>&nbsp;<\/p>\n<p>FUENTE: <a href=\"http:\/\/www.miaucode.com\/2015\/02\/mejora-tu-productividad-en-desarrollo-web-con-sublime-text-3\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.miaucode.com\/2015\/02\/mejora-tu-productividad-en-desarrollo-web-con-sublime-text-3\/<\/a><\/p>\n<p><a href=\"http:\/\/disenofacebook.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/disenofacebook.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollo web Mejora tu productividad en desarrollo web con Sublime Text 3 editor de c\u00f3digo.(desarrollo-web) &nbsp; A la hora de ponernos a programar tenemos diversas herramientas que nos ayudan a mejorar nuestra productividad y trabajar de forma m\u00e1s r\u00e1pida. Sublime Text 3\u00a0es un editor de texto muy sencillo, el cual podemos llegar a convertirlo en [&#8230;]\n","protected":false},"author":2,"featured_media":2438,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[137,19,138,139,140],"class_list":["post-2437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-desarrollo-de-pagina-web","tag-desarrollo-web","tag-pagina-web","tag-sublime-text","tag-web-development"],"_links":{"self":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/2437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/comments?post=2437"}],"version-history":[{"count":0,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/2437\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media?parent=2437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/categories?post=2437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/tags?post=2437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}