{"id":2437,"date":"2016-07-09T05:41:21","date_gmt":"2016-07-09T05:41:21","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=2437"},"modified":"2022-08-23T12:29:29","modified_gmt":"2022-08-23T17:29:29","slug":"desarrollo-web-2","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/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<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-medium wp-image-8692\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-web-1-480x320.jpg.webp\" alt=\"DESARROLLO WEB\" width=\"480\" height=\"320\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-web-1-480x320.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-web-1-768x512.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-web-1-960x640.jpg.webp 960w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/p>\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><strong>SideBarEnhancements<\/strong>,\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=\"https:\/\/marketingweb.com.mx\/marketing-digital.html\">(<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 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-2\/\"> <span class=\"screen-reader-text\">desarrollo-web<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":2438,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[55],"tags":[181,68,182,183,180],"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:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/2437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=2437"}],"version-history":[{"count":2,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/2437\/revisions"}],"predecessor-version":[{"id":8736,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/2437\/revisions\/8736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/2438"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=2437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=2437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=2437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}