{"id":261594,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/plugins-de-texto-sublime-para-desenvolvedores-de-javascript\/"},"modified":"2023-09-07T11:29:00","modified_gmt":"2023-09-07T08:29:00","slug":"plugins-de-texto-sublime-para-desenvolvedores-de-javascript","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/plugins-de-texto-sublime-para-desenvolvedores-de-javascript\/","title":{"rendered":"Plugins de texto sublime para desenvolvedores de JavaScript"},"content":{"rendered":"

\n O editor de texto Sublime<\/strong> \u00e9 um nome bastante familiar entre a comunidade de desenvolvedores (novatos e profissionais). Ele foi desenvolvido com suporte multiplataforma para edi\u00e7\u00e3o de c\u00f3digo-fonte e texto.\n<\/p>\n

\n Embora a vers\u00e3o atual (Sublime text 3) esteja em est\u00e1gio beta, ela \u00e9 mais r\u00e1pida que a vers\u00e3o 2 e vem com muitas funcionalidades. Ele suporta nativamente uma ampla variedade de linguagens de programa\u00e7\u00e3o e marca\u00e7\u00e3o, e os plug-ins de editor de texto sublimes gratuitos<\/strong> criados pela comunidade levaram sua funcionalidade a um novo patamar.\n<\/p>\n

\n Muitos desenvolvedores se apegam a este editor por causa do vasto reposit\u00f3rio de plugins. Neste artigo vamos nos concentrar em alguns dos plugins que s\u00e3o mais \u00fateis para desenvolvedores de JavaScript.\n<\/p>\n

\n Linting\n<\/p>\n

\n As ferramentas Linting ajudam os desenvolvedores a detectar erros, discrep\u00e2ncias sint\u00e1ticas e poss\u00edveis problemas. Tamb\u00e9m pode ser usado para garantir que o projeto corresponda a uma determinada diretriz de codifica\u00e7\u00e3o.\n<\/p>\n

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

\n Ele suporta a vers\u00e3o Sublime Text 3 e fornece uma interface para ESLint<\/a> para operar com arquivos com sintaxe “JavaScript”. SublimeLinter 3, Node.js, npm e eslint s\u00e3o os pr\u00e9-requisitos para instalar este plug-in. eles. A op\u00e7\u00e3o exata ser\u00e1 dada a voc\u00ea para escrever no arquivo de configura\u00e7\u00e3o para desativar todos os avisos e erros. Uma coisa importante a observar aqui \u00e9 que este plug-in \u00e9 o \u00fanico a suportar JSX e o suporte para ES6 \u00e9 muito mais superior em compara\u00e7\u00e3o com outros plugins.\n<\/p>\n

\n Uso<\/strong>: Dependendo da configura\u00e7\u00e3o do SublimeLinter, o c\u00f3digo ser\u00e1 exibido durante a edi\u00e7\u00e3o ou salvamento. Isso pode ser configurado usando Choose Lint Mode<\/code>o comando.\n<\/p>\n

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

\n O plug-in JSHint Gutter \u00e9 compat\u00edvel com Sublime Text 2 e 3. Permite que os desenvolvedores verifiquem o c\u00f3digo JavaScript em busca de erros terr\u00edveis e conven\u00e7\u00f5es de codifica\u00e7\u00e3o. Este plug-in tamb\u00e9m pode ser configurado para mostrar dica na sarjeta e funcionar sem problemas com arquivos .jshintrc espec\u00edficos do projeto. Ele depende do JSHint, um fork do JSLint. Como o linter \u00e9 escrito em JavaScript, o Node.js \u00e9 necess\u00e1rio para interpretar o c\u00f3digo JavaScript fora do navegador.\n<\/p>\n

\n Uso<\/strong>: Ctrl+alt+J<\/code>para Windows ou Cmd+Option+J<\/code>se voc\u00ea estiver em um Mac. Voc\u00ea tamb\u00e9m pode clicar com o bot\u00e3o direito do mouse, selecionar JSHint e clicar em Lint Code<\/code>. Outra maneira \u00e9 abrir um arquivo JavaScript, abrir o console em Sublime Text from View, depois Show Console e digitar view.run_command(\"jshint\")<\/code>. \u00c9 recomend\u00e1vel configurar a pr\u00f3pria combina\u00e7\u00e3o de teclas para isso acessando Prefer\u00eancias -> Combina\u00e7\u00f5es de teclas – Usu\u00e1rio e adicionando um comando como { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>nessa matriz.\n<\/p>\n

\n Formata\u00e7\u00e3o
\n<\/h3>\n

\n As ferramentas de formata\u00e7\u00e3o s\u00e3o usadas para embelezar os blocos de c\u00f3digo e format\u00e1-los para torn\u00e1-los mais leg\u00edveis.\n<\/p>\n

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

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

\n Este plug-in suporta ambas as vers\u00f5es do Sublime Text e formata automaticamente o c\u00f3digo JavaScript de acordo com um estilo espec\u00edfico. O desenvolvedor n\u00e3o precisa ler os avisos e corrigir o problema de formata\u00e7\u00e3o manualmente. O In pode ser instalado por meio do gerenciador de pacotes, selecionando jsfmt<\/code>-o no menu suspenso.\n<\/p>\n

\n Uso<\/strong>: O arquivo .jsfmtrc espec\u00edfico do projeto pode ser colocado no diret\u00f3rio raiz do projeto para configura\u00e7\u00f5es. Ele pode ser acessado atrav\u00e9s do seguinte caminho: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Al\u00e9m disso, h\u00e1 uma provis\u00e3o para configurar atalhos de teclado indo para Prefer\u00eancias -> Combina\u00e7\u00f5es de Teclas – Usu\u00e1rio e adicionando { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>na matriz.\n<\/p>\n

\n JsFormat<\/a>
\n<\/h5>\n

\n Tem suporte para ambas as vers\u00f5es do Sublime Text. Este plug-in de formata\u00e7\u00e3o JavaScript usa o formatador de linha de comando do jsbeautifier<\/a> em segundo plano para formatar js inteiro, arquivo json ou apenas a parte selecionada de um arquivo. A configura\u00e7\u00e3o espec\u00edfica do projeto tamb\u00e9m pode ser feita pelas configura\u00e7\u00f5es do arquivo .jsbeautifyrc. Al\u00e9m disso, os estilos de espa\u00e7o em branco e formata\u00e7\u00e3o tamb\u00e9m s\u00e3o personaliz\u00e1veis.\n<\/p>\n

\n Uso<\/strong>: A liga\u00e7\u00e3o de teclas padr\u00e3o \u00e9 ctrl+alt+f<\/code>para Windows e cmd+option+f<\/code>Mac. O plug-in usa configura\u00e7\u00f5es de tabula\u00e7\u00e3o\/recuo definidas com as configura\u00e7\u00f5es padr\u00e3o translate_tabs_to_spaces<\/code>e tab_size<\/code>sublime.\n<\/p>\n

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

\n Esses s\u00e3o os mecanismos de infer\u00eancia de c\u00f3digo usados \u200b\u200bpara agilizar o processo de desenvolvimento, fornecendo preenchimento autom\u00e1tico de c\u00f3digo, dicas de argumento de fun\u00e7\u00e3o, etc.\n<\/p>\n

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

\n Este plug-in de an\u00e1lise de c\u00f3digo para JavaScript foi desenvolvido para integra\u00e7\u00e3o com editores de c\u00f3digo para edi\u00e7\u00e3o inteligente de JavaScript. Ele vem com alguns recursos bacanas como:\n<\/p>\n