{"id":263490,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/complementos-de-texto-sublime-para-desarrolladores-de-javascript\/"},"modified":"2023-09-07T11:15:00","modified_gmt":"2023-09-07T08:15:00","slug":"complementos-de-texto-sublime-para-desarrolladores-de-javascript","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/complementos-de-texto-sublime-para-desarrolladores-de-javascript\/","title":{"rendered":"Complementos de texto sublime para desarrolladores de JavaScript"},"content":{"rendered":"

\n El editor de texto Sublime<\/strong> es un nombre bastante familiar entre la comunidad de desarrolladores (tanto principiantes como profesionales). Ha sido desarrollado con soporte multiplataforma para editar c\u00f3digo fuente y texto.\n<\/p>\n

\n Aunque la versi\u00f3n actual (Sublime text 3) est\u00e1 en etapa beta, es m\u00e1s r\u00e1pida que la versi\u00f3n 2 y viene con muchas funciones. Admite de forma nativa una amplia gama de lenguajes de programaci\u00f3n y marcado, y los complementos de editor de texto sublime gratuitos<\/strong> creados por la comunidad han llevado su funcionalidad a un nuevo nivel.\n<\/p>\n

\n Muchos desarrolladores se adhieren a este editor debido al amplio repositorio de complementos. En este art\u00edculo nos centraremos en algunos de los complementos que son m\u00e1s \u00fatiles para los desarrolladores de JavaScript.\n<\/p>\n

\n pelusa\n<\/p>\n

\n Las herramientas de Linting ayudan a los desarrolladores a detectar errores, discrepancias sint\u00e1cticas y problemas potenciales. Tambi\u00e9n se puede utilizar para asegurarse de que el proyecto se corresponde con una determinada directriz de codificaci\u00f3n.\n<\/p>\n

\n SublimeLinter-eslint<\/a>
\n<\/h5>\n

\n Admite la versi\u00f3n Sublime Text 3 y proporciona una interfaz para ESLint<\/a> para operar con archivos que tienen la sintaxis \u00abJavaScript\u00bb. SublimeLinter 3, Node.js, npm y eslint son el requisito previo para instalar este complemento. Abarca una gran cantidad de reglas con opciones para personalizar tambi\u00e9n ellos. Se le dar\u00e1 la opci\u00f3n exacta para escribir en el archivo de configuraci\u00f3n para desactivar cada advertencia y error. Una cosa importante a tener en cuenta aqu\u00ed es que este complemento es el \u00fanico compatible con JSX y el soporte para ES6 es mucho m\u00e1s superior en comparaci\u00f3n con otros complementos.\n<\/p>\n

\n Uso<\/strong>: seg\u00fan la configuraci\u00f3n de SublimeLinter, el c\u00f3digo se borrar\u00e1 mientras se edita o se guarda. Esto se puede configurar usando Choose Lint Mode<\/code>el comando.\n<\/p>\n

\n Sublime-JSHint<\/a>
\n<\/h5>\n

\n El complemento JSHint Gutter es compatible con Sublime Text 2 y 3. Permite a los desarrolladores verificar el c\u00f3digo JavaScript en busca de errores terribles y convenciones de codificaci\u00f3n. Este complemento tambi\u00e9n se puede configurar para mostrar sugerencias en el canal\u00f3n y funcionar sin problemas con archivos .jshintrc espec\u00edficos del proyecto. Se basa en JSHint, una bifurcaci\u00f3n de JSLint. Como el linter est\u00e1 escrito en JavaScript, se requiere Node.js para interpretar el c\u00f3digo JavaScript fuera del navegador.\n<\/p>\n

\n Uso<\/strong>: Ctrl+alt+J<\/code>para Windows o Cmd+Option+J<\/code>si est\u00e1s en una Mac. Tambi\u00e9n puede hacer clic derecho, seleccionar JSHint y hacer clic en Lint Code<\/code>. Otra forma es abrir un archivo JavaScript, abrir la consola en Sublime Text desde Ver, luego Mostrar consola y escribir view.run_command(\"jshint\")<\/code>. Se recomienda configurar su propia combinaci\u00f3n de teclas para esto yendo a Preferencias -> Asociaciones de teclas \u2013 Usuario, y agregando un comando como { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>en esa matriz.\n<\/p>\n

\n Formateo
\n<\/h3>\n

\n Las herramientas de formato se utilizan para embellecer los bloques de c\u00f3digo y formatearlos para hacerlos m\u00e1s legibles.\n<\/p>\n

\n Sublime-jsfmt<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Este complemento admite ambas versiones de Sublime Text y formatea autom\u00e1ticamente el c\u00f3digo JavaScript de acuerdo con un estilo particular. El desarrollador no necesita leer las advertencias y solucionar el problema de formato manualmente. Se puede instalar a trav\u00e9s del administrador de paquetes seleccionando jsfmt<\/code>en el men\u00fa desplegable.\n<\/p>\n

\n Uso<\/strong>: el archivo .jsfmtrc espec\u00edfico del proyecto se puede colocar en el directorio ra\u00edz del proyecto para configuraciones. Se puede acceder a trav\u00e9s de la siguiente ruta: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Aparte de esto, existe una disposici\u00f3n para configurar un atajo de teclado yendo a Preferencias -> Combinaciones de teclas – Usuario y agregando { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>la matriz.\n<\/p>\n

\n formato js<\/a>
\n<\/h5>\n

\n Tiene soporte para ambas versiones de Sublime Text. Este complemento de formato de JavaScript utiliza el formateador de l\u00ednea de comandos de jsbeautifier<\/a> en segundo plano para formatear todo el archivo js, \u200b\u200bjson o solo la parte seleccionada de un archivo. La configuraci\u00f3n espec\u00edfica del proyecto tambi\u00e9n se puede realizar mediante la configuraci\u00f3n del archivo .jsbeautifyrc. Aparte de esto, los espacios en blanco y los estilos de formato tambi\u00e9n se pueden personalizar.\n<\/p>\n

\n Uso<\/strong>: la combinaci\u00f3n de teclas predeterminada es ctrl+alt+f<\/code>para Windows y cmd+option+f<\/code>en Mac. El complemento usa la configuraci\u00f3n de tabulaci\u00f3n\/sangr\u00eda configurada con la configuraci\u00f3n est\u00e1ndar translate_tabs_to_spaces<\/code>y tab_size<\/code>sublime.\n<\/p>\n

\n An\u00e1lisis de c\u00f3digo
\n<\/h3>\n

\n Estos son los motores de inferencia de c\u00f3digo que se utilizan para acelerar el proceso de desarrollo al proporcionar autocompletado de c\u00f3digo, sugerencias de argumentos de funci\u00f3n, etc.\n<\/p>\n

\n Tern para Sublime<\/a>
\n<\/h5>\n

\n Este complemento de an\u00e1lisis de c\u00f3digo para JavaScript se ha desarrollado para integrarse con editores de c\u00f3digo para la edici\u00f3n inteligente de JavaScript. Viene con algunas caracter\u00edsticas ingeniosas como:\n<\/p>\n