{"id":226384,"date":"2022-08-30T19:13:00","date_gmt":"2022-08-30T16:13:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226384"},"modified":"2022-11-08T23:56:27","modified_gmt":"2022-11-08T20:56:27","slug":"complementos-y-paquetes-de-texto-sublime-que-debe-consultar","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/complementos-y-paquetes-de-texto-sublime-que-debe-consultar\/","title":{"rendered":"Complementos y paquetes de texto sublime que debe consultar"},"content":{"rendered":"\n<p>Todos los desarrolladores construyen su propio conjunto de herramientas cuando se trata de manejar varios proyectos. Las herramientas que utiliza un desarrollador web pueden reducir el tiempo necesario para completar un sitio web o una aplicaci\u00f3n web y pueden hacer que las tareas sean m\u00e1s f\u00e1ciles de manejar.<\/p>\n<p>Las herramientas inteligentes son esenciales para el flujo de trabajo de todo desarrollador exitoso, por lo que si desea mejorar su conjunto de herramientas con una serie de trucos completamente nuevos, es una buena idea leer este art\u00edculo detenidamente de principio a fin.<\/p>\n<p>No faltan los <a href=\"https:\/\/wordpress.mediadoma.com\/es\/las-9-mejores-opciones-de-editor-de-codigo-para-desarrolladores-web\/\" title=\"editores de c\u00f3digo\" >editores de c\u00f3digo<\/a> que puede usar para facilitar su trabajo. Decidir entre ellos se vuelve mucho m\u00e1s dif\u00edcil cuando hay tantas opciones esper\u00e1ndote.<\/p>\n<p><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe2ef12b.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Por lo tanto, presentaremos una opci\u00f3n que destaca sobre el resto: <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sublime Text<\/a>. Este es uno de los editores de c\u00f3digo m\u00e1s utilizados en el mercado y es el preferido por miles de programadores, desarrolladores web y dise\u00f1adores web.<\/p>\n<p>Lo que es tan impresionante de Sublime Text es su flexibilidad. Puede ampliar f\u00e1cilmente el editor de c\u00f3digo utilizando complementos de Sublime Text creados para casi todos los prop\u00f3sitos imaginables. E incluso puede crear paquetes personalizados que mejorar\u00e1n visiblemente su flujo de trabajo y aumentar\u00e1n su productividad.<\/p>\n<p>Siga leyendo m\u00e1s en este art\u00edculo creado por nuestro equipo en <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> y conozca algunos de los mejores paquetes de Sublime Text, c\u00f3mo funcionan y c\u00f3mo puede usarlos.<\/p>\n<h2>Complementos de texto sublime: instalaci\u00f3n de paquetes<\/h2>\n<p>Antes de enumerar los complementos de Sublime Text que consideramos relevantes para todos los dise\u00f1adores web, debe aprender c\u00f3mo instalar paquetes en este editor de c\u00f3digo. Estos son los pasos que debe seguir:<\/p>\n<ul>\n<li>Descargue el archivo zip del repositorio de paquetes. Puede hacerlo desde la p\u00e1gina de GitHub del paquete.<\/li>\n<li>Extraiga los archivos en su carpeta Sublime Text Packages. Deber\u00eda encontrarlo en: {{ nombre de usuario }}AppDataRoamingSublime Text {{ versi\u00f3n }}Paquetes<\/li>\n<\/ul>\n<p>O<\/p>\n<ul>\n<li>Instale el paquete a trav\u00e9s del <a href=\"https:\/\/packagecontrol.io\/installation\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Control de paquetes<\/a> oficial de Sublime Text Haga clic en el enlace y copie el c\u00f3digo que se adapte a la versi\u00f3n de Sublime Text que posee.<\/li>\n<li>Pegue el c\u00f3digo en su consola Sublime Text, a la que puede acceder presionando CTRL + ~.<\/li>\n<li>Reinicie su editor de c\u00f3digo, abra la ventana de comandos presionando CTRL + Shift + P, y escriba &quot;Control de paquete: Instalar paquete&quot; (o simplemente &quot;Instalar paquete&quot;; la funci\u00f3n de autocompletar mostrar\u00e1 las opciones deseadas)<\/li>\n<\/ul>\n<p>Una vez que el paquete est\u00e9 instalado, no realice ning\u00fan cambio en su archivo de configuraci\u00f3n predeterminado, a menos que sepa exactamente lo que est\u00e1 haciendo. Los paquetes de Sublime Text est\u00e1n destinados principalmente a personalizarse con el uso de archivos de anulaci\u00f3n separados para que sus cambios no se pierdan cuando se actualicen los paquetes.<\/p>\n<h2>Complementos de texto sublime que todos los desarrolladores web deber\u00edan probar<\/h2>\n<p>Hablando de la extensibilidad del editor de c\u00f3digo, ser\u00eda \u00fatil enumerar algunos de los mejores Sublime Text Plugins que existen y c\u00f3mo pueden ayudarlo a convertirse en un mejor desarrollador en el menor tiempo posible.<\/p>\n<p>Con suerte, encontrar\u00e1 estos complementos \u00fatiles y relevantes para su trabajo. Aqu\u00ed est\u00e1 la lista:<\/p>\n<h3>Control de paquetes<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe406d2e.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Sublime Text Package Control es probablemente la herramienta m\u00e1s popular disponible para este editor de c\u00f3digo. Le permite descargar, instalar y actualizar paquetes directamente desde la interfaz de Sublime Text.<\/p>\n<p>Aunque &quot;complemento&quot; y &quot;paquete&quot; a menudo se usan indistintamente, los paquetes incluyen complementos, men\u00fas, fragmentos y otros bits y bobs que se pueden usar para extender Sublime Text a su gusto.<\/p>\n<p>En lugar de descargar los archivos del paquete por su cuenta e instalarlos en la carpeta correcta, deje que este complemento haga todo por usted sin salir de Sublime Text. Si es programador, consid\u00e9relo como pip para Python o npm para node.js.<\/p>\n<h3>Alineaci\u00f3n<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Alignment\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe4f3d7d.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Alignment hace exactamente lo que dice su nombre: es uno de esos complementos de Sublime Text que hace que tu trabajo sea 10 veces m\u00e1s f\u00e1cil al alinear tu c\u00f3digo para que sea m\u00e1s ordenado y f\u00e1cil de leer. Funciona muy bien con PHP, JavaScript, CSS y m\u00e1s.<\/p>\n<p>Puede alinear secciones, selecciones de varias l\u00edneas o todo su c\u00f3digo con el uso de delimitadores como &quot;=&quot;. Aunque pienses que no ayuda mucho, una vez que lo uses te volver\u00e1s adicto a lo \u00fatil que es.<\/p>\n<h3>Hormiga<\/h3>\n<p><a href=\"https:\/\/emmet.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe602bcb.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Entre los complementos de Sublime Text m\u00e1s utilizados se encuentra Emmet, un complemento simple que puede mejorar la productividad de cualquier desarrollador al ayudarlo con su flujo de trabajo CSS y HTML.<\/p>\n<p>Por ejemplo, si escribe html:5 y presiona CTRL + E mientras usa Emmet, obtendr\u00e1 acceso a una plantilla de p\u00e1gina HTML5 b\u00e1sica para trabajar. El complemento es simple, pero extremadamente efectivo y definitivamente mejorar\u00e1 su trabajo.<\/p>\n<h3>Cambiar Cotizaciones<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/ChangeQuotes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7071f7.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>\u00bfOdias manejar citas? Felicidades, eres uno de los millones de desarrolladores que tambi\u00e9n tienen dificultades para mantener la coherencia. ChangeQuotes te ayudar\u00e1.<\/p>\n<p>Puede convertir f\u00e1cilmente comillas simples\/dobles y volver a escaparlas. Si desea cambiar las comillas, coloque el cursor dentro del texto citado y abra la paleta de comandos. Ejecute el complemento y ya no necesitar\u00e1 seleccionar la l\u00ednea completa para cambiar las comillas. \u00a1Es mucho m\u00e1s r\u00e1pido de esta manera!<\/p>\n<h3>Mejoras en la barra lateral<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7edb75.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Este complemento de Sublime Text agregar\u00e1 algunas caracter\u00edsticas nuevas a su men\u00fa de barra lateral. Por ejemplo, puede crear un nuevo archivo mucho m\u00e1s r\u00e1pido mientras permanece en su carpeta de proyecto actual. Tambi\u00e9n puede mover archivos y carpetas m\u00e1s f\u00e1cilmente, duplicarlos seg\u00fan sea necesario y abrir archivos en Finder o en su navegador.<\/p>\n<p>SublimeEnhancements agrega una serie de funciones \u00fatiles en la barra lateral que lo ayudar\u00e1n a administrar su proyecto de manera m\u00e1s eficiente. Inst\u00e1lelo para descubrir todas las funciones \u00fatiles.<\/p>\n<h3>SublimeLinter<\/h3>\n<p><a href=\"http:\/\/www.sublimelinter.com\/en\/stable\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe8f017e.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Si eres usuario de Sublime Text 3, te encantar\u00e1 SublimeLinter. No se actualizaron muchos complementos de Sublime Text para la \u00faltima versi\u00f3n del editor, por lo que siempre es bueno ver que los desarrolladores de complementos se enfocan en actualizar sus productos. En lugar de tener todos sus linters en un solo paquete, este complemento le permite instalar los que usa regularmente.<\/p>\n<p>B\u00e1sicamente, SublimeLinter le brinda un marco para usar para delinear el c\u00f3digo. En caso de que no lo sepa, el linting representa el proceso de marcar la sintaxis no port\u00e1til o incorrecta en su c\u00f3digo. En palabras m\u00e1s simples, le advierte cuando el c\u00f3digo est\u00e1 repleto de errores.<\/p>\n<h3>SublimeGit<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SublimeGit\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe9e9504.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Trabajar con software de control de versiones es com\u00fan para los desarrolladores. El m\u00e1s popular es Git. Para aquellos que est\u00e1n cansados \u200b\u200bde guardar archivos de texto y volver a una terminal para ejecutar un par de comandos de Git, SublimeGit ser\u00e1 la respuesta. Este complemento de Sublime Text le permite ejecutar todos sus comandos de Git dentro del editor de texto.<\/p>\n<p>Al usar SublimeGit, los desarrolladores pueden hacer m\u00e1s en menos tiempo, lo que aumenta mucho su productividad. No tendr\u00e1 que alternar entre su editor de c\u00f3digo y la l\u00ednea de comandos.<\/p>\n<p>Esto sol\u00eda estar disponible solo como un complemento pago, pero el a\u00f1o pasado se volvi\u00f3 de c\u00f3digo abierto. Tiene numerosas funciones que encontrar\u00e1 \u00fatiles, as\u00ed como los\u00a0 documentos de <a href=\"https:\/\/sublimegit.readthedocs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SublimeGit<\/a>, que lo ayudar\u00e1n a comprender y usar el complemento.<\/p>\n<h3>GitGutter<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitGutter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeadbe1f.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Siempre puede ejecutar los comandos de Git dentro de Sublime Text, pero no es la manera m\u00e1s r\u00e1pida de manejar esta tarea. Sublime Text te hace ejecutar un comando separado, en lugar de permitirte ver los cambios en tiempo real. Bueno, aqu\u00ed es donde interviene GitGutter.<\/p>\n<p>GitGutter es similar a Atom desde algunos puntos de vista. Agrega los mismos tipos de funcionalidades a Sublime Text, lo que significa que puede comenzar a agregar sugerencias diferentes a la canaleta de su barra lateral. Al pasar el cursor sobre los indicadores de la barra lateral, obtiene acceso a ventanas emergentes de diferencias muy \u00fatiles.<\/p>\n<h3>HABLAR CON DESCARO A<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Sass\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbebc54e2.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Resaltar es primordial para notar errores y fallas r\u00e1pidamente. Para los desarrolladores, corregir errores de manera r\u00e1pida y eficiente es una necesidad absoluta. SASS te ayuda a hacer eso. Destaca la sintaxis de SASS y SCSS, y ayudar\u00e1 a cualquier desarrollador de CSS que utilice estos lenguajes de extensi\u00f3n.<\/p>\n<h3>GitHubinator<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitHubinator\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbecb436e.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Aquellos que usan repositorios de GitHub\/Bitbucket deben probar GitHubinator. Este complemento muestra el texto seleccionado en el repositorio remoto. Por lo tanto, el texto que est\u00e1 buscando se resalta y simplemente puede hacer clic en el men\u00fa contextual para iniciar la p\u00e1gina web correspondiente en el navegador.<\/p>\n<p>Como en el caso de otros complementos de Sublime Text enumerados aqu\u00ed, GitHubinator ayuda a los desarrolladores a ahorrar tiempo y evitar acciones repetitivas.<\/p>\n<h3>GitOpenChangedFiles<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitOpenChangedFiles\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeda44f1.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Como puede ver, este complemento se usa para abrir archivos modificados desde un repositorio de Git. Simplemente necesita instalarlo e iniciar el complemento para abrir archivos que ha cambiado previamente en su rama de Sublime Text.<\/p>\n<p>No es un gran complemento, pero aquellos que requieren esta funci\u00f3n la encontrar\u00e1n muy \u00fatil.<\/p>\n<h3>Terminal<\/h3>\n<p><a href=\"https:\/\/github.com\/wbond\/sublime_terminal\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbee99061.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Ya sabes cu\u00e1nto dura el proceso para abrir carpetas de proyectos con Sublime Text. Terminal le permite abrir las carpetas directamente desde Sublime Text en la plataforma con una sola tecla de acceso r\u00e1pido. \u00bfNo es eso conveniente?<\/p>\n<p>Al ejecutar l\u00edneas de comando en una carpeta determinada, debe realizar algunos pasos que requieren mucho tiempo y son bastante estresantes. Terminal reduce estos pasos a la tecla de acceso directo CTRL + SHIFT + T.<\/p>\n<h3>sublimeREPL<\/h3>\n<p><a href=\"https:\/\/github.com\/wuub\/SublimeREPL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbef916ae.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Usar SublimeREPL har\u00e1 que el trabajo de un programador sea 10 veces m\u00e1s f\u00e1cil. Este complemento le permite ejecutar int\u00e9rpretes de los lenguajes m\u00e1s comunes, incluidos NodeJS, Python, Ruby, Scala o Haskell.<\/p>\n<p>Puede ejecutar un int\u00e9rprete en cualquiera de estos idiomas y m\u00e1s, directamente desde Sublime Text. Eche un vistazo a las otras funciones del complemento para una comprensi\u00f3n m\u00e1s profunda de lo que puede hacer.<\/p>\n<h3><strong>Babel<\/strong><\/h3>\n<p><a href=\"https:\/\/babeljs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf096f83.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Si necesita definiciones de lenguaje para ES6+ Javascript, debe usar Babel. No muchos complementos de Sublime Text ofrecen buenas definiciones de lenguaje, especialmente para su \u00faltima versi\u00f3n. Babel est\u00e1 dise\u00f1ado espec\u00edficamente para Sublime Text 3 y no es compatible con versiones anteriores. Tambi\u00e9n es compatible con la sintaxis de React JSX.<\/p>\n<h3>TodoAutocompletar<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/All%20Autocomplete\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf18f171.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>De forma predeterminada, Sublime Text utiliza la opci\u00f3n de autocompletar solo en las palabras que est\u00e1n presentes en el archivo actual. Para expandir esta funcionalidad a todos los archivos abiertos, puede usar AllAutocomplete, un complemento que busca todos los archivos que ha abierto y encuentra coincidencias, al mismo tiempo que sugiere palabras.<\/p>\n<h3><strong>CSSComb<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSScomb\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf29805b.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>CSSComb ordena las propiedades CSS para que su c\u00f3digo sea m\u00e1s limpio y m\u00e1s f\u00e1cil de leer. Pone el c\u00f3digo en el orden correcto y le permite personalizar sus propiedades sin mucha molestia. Es un complemento \u00fatil para aquellos que trabajan en equipos donde no todos los miembros escriben c\u00f3digo de la misma manera.<\/p>\n<h3>MarkdownPreview<\/h3>\n<p><a href=\"https:\/\/facelessuser.github.io\/MarkdownPreview\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf3afe19.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Muchos desarrolladores est\u00e1n acostumbrados a crear archivos Markdown en GitHub, StackEdit o Markable, en la nube. Si eres un escritor de la vieja escuela y prefieres mantener tus archivos localmente, entonces deber\u00edas probar MarkdownPreview.<\/p>\n<p>Tambi\u00e9n puede instalar <a href=\"https:\/\/github.com\/SublimeText-Markdown\/MarkdownEditing\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MarkdownEditing<\/a> y resaltar su c\u00f3digo Markdown.<\/p>\n<h3>DocBlockr<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/DocBlockr\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf4c78e5.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>En algunas empresas, todas las pautas de codificaci\u00f3n deben respetarse religiosamente. Esto puede ejercer presi\u00f3n sobre los hombros de los desarrolladores. DocBlockr lo hace m\u00e1s f\u00e1cil al crear comentarios para su c\u00f3digo, analizar las funciones, variables o par\u00e1metros y agregar autom\u00e1ticamente elementos b\u00e1sicos.<\/p>\n<p>Solo tendr\u00e1s que teclear \/y el plugin hace el trabajo por ti.<\/p>\n<h3>Fragmentos de CSS materializados<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Materialized%20CSS%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf5cf364.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>MaterializeCSS es un marco front-end memorable creado por Google. Es moderno, totalmente receptivo y est\u00e1 listo para ser utilizado por todos los dise\u00f1adores y desarrolladores. Este complemento de Sublime Text lo ayudar\u00e1 a usar Materialise CSS dentro del editor de texto con el uso de fragmentos comunes.<\/p>\n<p>Fragmentos de CSS materializados agrega componentes de CSS directamente en el <a href=\"https:\/\/wordpress.mediadoma.com\/es\/ejemplos-de-editores-de-css-que-definitivamente-deberias-probar\/\" title=\"editor de c\u00f3digo,\">editor de c\u00f3digo,<\/a> para que pueda acceder a ellos con comandos b\u00e1sicos. Los fragmentos de CSS materializados pueden ahorrar mucho tiempo y energ\u00eda que normalmente se consumir\u00eda escribiendo la sintaxis manualmente y agregando componentes de CSS por separado.<\/p>\n<h3>Formato est\u00e1ndar<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/StandardFormat\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf6c4c83.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Sin formatear, su c\u00f3digo se ver\u00e1 desordenado y dif\u00edcil de leer. StandardFormat le permite crear una base de c\u00f3digo mucho m\u00e1s s\u00f3lida mientras ayuda a las personas a leer su c\u00f3digo de manera m\u00e1s r\u00e1pida y efectiva cuando lo necesitan.<\/p>\n<p>El complemento se basa en la biblioteca JS de formato est\u00e1ndar, que se aplicar\u00e1 a lo que escriba. Todo el mundo sabe c\u00f3mo leer el formato JS tradicional, por lo que este complemento resulta bastante \u00fatil para los desarrolladores.<\/p>\n<h3>Fragmentos de consulta de medios CSS<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSS%20Media%20Query%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf7b6386.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Las consultas de medios se utilizan para desarrollar aplicaciones y software para dispositivos m\u00f3viles o tama\u00f1os de pantalla escalables. Sin estas consultas, no puede convertir su proyecto en uno compatible con dispositivos m\u00f3viles.<\/p>\n<p>CSS Media Query Snippets tiene como objetivo ayudarlo con esta tarea, al ofrecer plantillas preescritas para consultas de medios. Puede usar la plantilla para hacer modificaciones.<\/p>\n<h3><strong>Ejecutivo de Shell<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Shell%20Exec\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf8ba706.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Todos sabemos que el acceso a Shell es un tema controvertido debido a las configuraciones inseguras que los servidores ejecutaban en el pasado. Caer presa de los piratas inform\u00e1ticos era mucho m\u00e1s com\u00fan cuando se pod\u00eda acceder a los comandos de Shell Exec desde el exterior, lo que abr\u00eda vulnerabilidades en la plataforma.<\/p>\n<p>Este complemento lo ayuda a ejecutar comandos de shell dentro de Sublime Text 3, considerando que Internet es mucho m\u00e1s seguro ahora. Es una buena manera de ahorrar tiempo, pero no olvide configurar los ajustes del firewall y averiguar los patrones de acceso para evitar la situaci\u00f3n antes mencionada.<\/p>\n<h3>Laravel BladeIluminador<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Laravel%20Blade%20Highlighter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf9a99a1.jpg\" alt=\"Complementos y paquetes de texto sublime que debe consultar\" \/><\/a><\/p>\n<p>Laravel es un marco de c\u00f3digo abierto para PHP y ha influido en el desarrollo de PHP de manera bastante visible. Laravel usa Blade Engine, una sintaxis que le permite desarrollar nuevo software sobre el marco.<\/p>\n<p>Sublime Text no ser\u00eda lo mismo sin Laravel Blade Highlighter si usas Laravel a diario. Con m\u00e1s de 300.000 instalaciones, ning\u00fan desarrollador de PHP se puede perder este complemento.<\/p>\n<h3>Pensamientos finales sobre estos complementos de Sublime Text<\/h3>\n<p>Sublime Text es lo suficientemente fuerte por s\u00ed solo, pero los complementos y los paquetes lo hacen a\u00fan m\u00e1s poderoso. El mayor beneficio de estos complementos es ahorrarle tiempo al ayudarlo a personalizar Sublime Text para que se ajuste a sus necesidades, requisitos y tareas diarias.<\/p>\n<p>Cada desarrollador prefiere una cierta rutina de codificaci\u00f3n, y puede mantener esa rutina seleccionando los complementos de Sublime Text que funcionan mejor para su situaci\u00f3n. Elija los que tengan sentido para su forma de trabajar y su trabajo. Esto har\u00e1 que todo sea m\u00e1s eficiente y que consuma menos tiempo.<\/p>\n<p>\u00a1Buena suerte con tus tareas de codificaci\u00f3n!<\/p>\n<p>Si disfrut\u00f3 leyendo este art\u00edculo sobre complementos de Sublime Text, debe consultar este sobre <a href=\"https:\/\/wordpress.mediadoma.com\/es\/sublime-text-plugins-que-puedes-usar-para-personalizar-tu-editor\/\" title=\"temas de Sublime Text\">temas de Sublime Text<\/a>.<\/p>\n<p>Tambi\u00e9n escribimos sobre algunos temas relacionados, como los <a href=\"https:\/\/wordpress.mediadoma.com\/es\/los-mejores-paquetes-y-extensiones-atom-que-puedes-instalar\/\" title=\"mejores paquetes Atom\">mejores paquetes Atom<\/a> y c\u00f3mo convertirse en un <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-convertirse-en-un-desarrollador-front-end-habilidades-que-debe-tener\/\" title=\"desarrollador front-end\">desarrollador front-end<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Puede ampliar f\u00e1cilmente el editor de c\u00f3digo utilizando complementos de Sublime Text creados para casi todos los prop\u00f3sitos imaginables. Echa un vistazo a los mejores complementos en este art\u00edculo.<\/p>\n","protected":false},"author":1,"featured_media":200120,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[810,840,861],"tags":[1172],"class_list":["post-226384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/226384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=226384"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/226384\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/200120"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=226384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=226384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=226384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}