{"id":227844,"date":"2022-09-28T19:30:00","date_gmt":"2022-09-28T16:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227844"},"modified":"2022-11-09T01:45:02","modified_gmt":"2022-11-08T22:45:02","slug":"os-melhores-pacotes-e-extensoes-atom-que-voce-pode-instalar","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/os-melhores-pacotes-e-extensoes-atom-que-voce-pode-instalar\/","title":{"rendered":"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0"},"content":{"rendered":"\n<p><a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Atom<\/a>, o editor de c\u00f3digo do Github, aumenta em popularidade dia ap\u00f3s dia. Os desenvolvedores preferem esse editor de c\u00f3digo porque \u00e9 leve, tem uma curva de aprendizado baixa e pode ser estendido com uma variedade de pacotes Atom \u00fateis.<\/p>\n<p>No in\u00edcio, o Atom foi usado como uma ferramenta interna para o Github, mas depois foi lan\u00e7ado como uma ferramenta de c\u00f3digo aberto para o p\u00fablico em geral. A comunidade respondeu rapidamente e agora possui um pr\u00f3spero ecossistema de usu\u00e1rios e colaboradores.<\/p>\n<p>Como um editor multiplataforma pronto para uso, o Atom funciona no OS X, Windows e Linux. Possui preenchimento autom\u00e1tico inteligente, \u00fatil para quem deseja escrever c\u00f3digo limpo rapidamente, e possui um navegador de arquivos conveniente, onde voc\u00ea pode abrir e adicionar arquivos rapidamente.<\/p>\n<p>Se voc\u00ea deseja ser um usu\u00e1rio avan\u00e7ado do Atom, aqui est\u00e1 uma lista dos melhores pacotes Atom que aumentar\u00e3o sua produtividade e tornar\u00e3o sua codifica\u00e7\u00e3o muito mais f\u00e1cil.<\/p>\n<p>Continue lendo mais sobre este t\u00f3pico neste artigo criado por nossa equipe em <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>, o <strong>plugin WP n\u00ba 1 para criar tabelas e gr\u00e1ficos<\/strong>.<\/p>\n<p>Descubra quais pacotes Atom valem a pena usar e por qu\u00ea.<\/p>\n<h2>Os melhores pacotes Atom para completar sua configura\u00e7\u00e3o de codifica\u00e7\u00e3o<\/h2>\n<p>Alguns dizem que o Atom \u00e9 o melhor editor de c\u00f3digo geral do mercado. Certamente \u00e9 compar\u00e1vel com Sublime Text e Notepad++, com suas pr\u00f3prias vantagens. O editor de c\u00f3digo est\u00e1 repleto de todos os tipos de recursos que melhoram a codifica\u00e7\u00e3o, entre os quais devemos mencionar:<\/p>\n<ul>\n<li>\u00c9 multiplataforma &#8211; independentemente do sistema operacional que voc\u00ea est\u00e1 usando, o Atom simplesmente funciona<\/li>\n<li>Possui um gerenciador de pacotes embutido \u2014 se voc\u00ea quiser instalar os melhores pacotes Atom, n\u00e3o ter\u00e1 que lidar com o gerenciamento deles<\/li>\n<li>Fun\u00e7\u00e3o de preenchimento autom\u00e1tico inteligente \u2014 voc\u00ea pode escrever c\u00f3digo muito mais r\u00e1pido com esta fun\u00e7\u00e3o<\/li>\n<li>Pesquisa do sistema de arquivos &#8211; diga adeus \u00e0 navega\u00e7\u00e3o pelos arquivos por muito tempo, pois voc\u00ea pode fazer tudo em uma \u00fanica janela<\/li>\n<li>V\u00e1rios pain\u00e9is \u2014 voc\u00ea pode dividir a interface do Atom em v\u00e1rios pain\u00e9is<\/li>\n<li>Simplicidade \u2014 o maior forte do Atom \u00e9 que \u00e9 muito simples de usar<\/li>\n<\/ul>\n<p>Como voc\u00ea pode ver, o Atom j\u00e1 est\u00e1 equipado com tudo o que voc\u00ea precisa para obter codifica\u00e7\u00e3o. Para necessidades mais especializadas, voc\u00ea pode recorrer a pacotes de contribui\u00e7\u00e3o da comunidade, que ser\u00e3o explicados na pr\u00f3xima se\u00e7\u00e3o.<\/p>\n<h3>Quais s\u00e3o os melhores pacotes Atom e por que precisamos deles?<\/h3>\n<p>Os pacotes Atom s\u00e3o programas de software externos e bits de c\u00f3digo que adicionam fun\u00e7\u00f5es extras ao produto principal, aprimorando assim suas capacidades. Com o Atom, um pacote \u00e0s vezes tamb\u00e9m \u00e9 chamado de &#8220;plugin&quot; ou &#8220;extens\u00e3o&#8221;.<\/p>\n<p>Ao adicionar pacotes Atom ao programa principal, o Atom se torna muito mais eficiente e ajuda voc\u00ea a fazer mais com menos esfor\u00e7o. Todos os usu\u00e1rios podem fazer sua pr\u00f3pria escolha em termos de quais pacotes Atom usar.<\/p>\n<p>Baixar e instalar os pacotes \u00e9 f\u00e1cil e eles podem melhorar muito a experi\u00eancia do usu\u00e1rio do programa principal. Muitos deles podem n\u00e3o se aplicar ao seu fluxo de trabalho ou aos idiomas com os quais voc\u00ea trabalha, portanto, voc\u00ea deve instalar apenas os melhores pacotes Atom para voc\u00ea.<\/p>\n<p>Mas primeiro, vamos ver como instalar um pacote Atom.<\/p>\n<h3>Como instalar pacotes Atom<\/h3>\n<p>Ao instalar seu primeiro pacote Atom, \u00e9 melhor ler as etapas com aten\u00e7\u00e3o. Voc\u00ea provavelmente os aprender\u00e1 de cor e n\u00e3o precisar\u00e1 usar esta lista todas as vezes. Depois de selecionar os melhores pacotes Atom para voc\u00ea, aqui est\u00e3o duas maneiras de instal\u00e1-los:<\/p>\n<ul>\n<li>Clique em Arquivo &gt; Configura\u00e7\u00f5es. Isso abrir\u00e1 a Visualiza\u00e7\u00e3o de Configura\u00e7\u00f5es. Aqui, clique em Instalar e digite o nome do pacote que voc\u00ea est\u00e1 planejando instalar. Um atalho para a Visualiza\u00e7\u00e3o de Configura\u00e7\u00f5es \u00e9 ctrl + ,(ctrl e v\u00edrgula) no PC e cmd + no Mac.<\/li>\n<li>Voc\u00ea pode usar a Paleta de Comandos da mesma maneira. Acesse-o pressionando ctrl + Shift + P no PC ou cmd + Shift + P no Mac. Digite &#8220;instalar pacotes&#8221; aqui. Ent\u00e3o voc\u00ea pode usar a Visualiza\u00e7\u00e3o de Configura\u00e7\u00f5es como acima.<\/li>\n<\/ul>\n<p>Alguns pacotes v\u00eam inclu\u00eddos com o Atom por padr\u00e3o. Eles s\u00e3o chamados de Pacotes Principais e podem ser desabilitados. No entanto, \u00e9 recomend\u00e1vel n\u00e3o desativ\u00e1-los, pois eles influenciam o comportamento geral do editor. Os outros pacotes que voc\u00ea instalar\u00e1 ser\u00e3o listados em Pacotes da comunidade.<\/p>\n<h2>Uma lista dos melhores pacotes Atom para instalar imediatamente<\/h2>\n<p>O Atom \u00e9 vers\u00e1til e seria uma pena n\u00e3o expandi-lo com novos recursos a apenas alguns cliques de dist\u00e2ncia.<\/p>\n<p>Dito isto, existem mais de 8.000 pacotes por a\u00ed e tomar uma decis\u00e3o pode ser muito dif\u00edcil se voc\u00ea n\u00e3o souber exatamente o que deseja.<\/p>\n<p>Para ajud\u00e1-lo em sua busca, veja nossa lista dos melhores pacotes Atom abaixo:<\/p>\n<h3>Emmet<\/h3>\n<p><a href=\"https:\/\/emmet.io\/download\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87313dc3f1.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>O Emmet \u00e9 um dos melhores pacotes Atom porque \u00e9 universalmente \u00fatil em muitos idiomas.<\/p>\n<p>\u00c9 uma ferramenta de snippet de c\u00f3digo que ajuda os desenvolvedores front-end a criar HTML e CSS rapidamente, e tamb\u00e9m pode ser usada para criar snippets de c\u00f3digo personalizados para qualquer outra coisa. Para fazer isso, Emmet usa abrevia\u00e7\u00f5es que s\u00e3o convertidas em cadeias de texto mais longas.<\/p>\n<h3>Perguntar pilha<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/ask-stack\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87314d874e.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Nenhum desenvolvedor acha conveniente mudar do navegador para o editor e vice-versa durante todo o dia. O Ask Stack Overflow \u00e9 um pacote que permite pesquisar o Stack Overflow e obter suas amostras de c\u00f3digo diretamente no Atom, sem precisar vasculhar as respostas para encontr\u00e1-las por conta pr\u00f3pria.<\/p>\n<h3>culpa<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/git-blame\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87315d506a.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Outro dos melhores pacotes Atom, git-blame permite alternar anota\u00e7\u00f5es no editor Atom. Para fazer isso, voc\u00ea s\u00f3 precisa pressionar ctrl + B ou clicar com o bot\u00e3o direito do mouse no arquivo e selecionar Git Blame.<\/p>\n<p>Certifique-se de fazer isso no arquivo correto; caso contr\u00e1rio, voc\u00ea pode alternar o item errado ou recolher suas pastas em uma barra lateral de exibi\u00e7\u00e3o em \u00e1rvore.<\/p>\n<h3>Linter<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/linter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87316df9e3.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Este \u00e9 um pacote que n\u00e3o faz muito por si s\u00f3, mas fornece uma base que voc\u00ea pode usar no Atom para adicionar plug-ins de linter mais rapidamente. Tem suporte para a maioria das linguagens e funciona com HTML, HAML, JSON, CSS, SCSS, Java e muito mais.<\/p>\n<p>O Linter tamb\u00e9m possui plugins para idiomas de back-end. H\u00e1 uma lista completa na p\u00e1gina inicial do pacote.<\/p>\n<p>Em geral, os linters s\u00e3o usados \u200b\u200bpara melhorar a qualidade do c\u00f3digo e reduzir o n\u00famero de erros.<\/p>\n<h3>git-time-machine<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/git-time-machine\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873180eeaa.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>\u00c0s vezes, ter um visual de todas as suas a\u00e7\u00f5es passadas bem na sua frente pode ser de grande ajuda. \u00c9 por isso que o git-time-machine merece estar na lista dos melhores pacotes Atom do mercado.<\/p>\n<p>Ele permite que voc\u00ea visualize a plotagem visual de seus commits de arquivo e tamb\u00e9m \u00e9 interativo. Voc\u00ea pode clicar no gr\u00e1fico de tempo e ver os commits em um intervalo de tempo espec\u00edfico.<\/p>\n<h3>Atom Embelezar<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/atom-beautify\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87318edcee.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>C\u00f3digo claro \u00e9 muito mais f\u00e1cil de percorrer e corrigir se algum bug for encontrado. Torn\u00e1-lo leg\u00edvel sem envolver muito esfor\u00e7o \u00e9 poss\u00edvel com o Atom Beautify, um pacote Atom que requer um \u00fanico clique para limpar centenas de linhas de c\u00f3digo.<\/p>\n<p>Aqueles que trabalham em equipes maiores podem achar este pacote muito \u00fatil, pois o c\u00f3digo ser\u00e1 formatado de maneira padr\u00e3o para que todos possam ler sem problemas. O pacote suporta v\u00e1rios idiomas, incluindo HTML, CSS, Python, Ruby, C e muito mais.<\/p>\n<h3>Turbo JavaScript<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/turbo-javascript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731a07b2e.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Se voc\u00ea usa o Atom para codificar em JavaScript, esse pacote n\u00e3o pode faltar na sua lista. Ele permite que voc\u00ea use <a href=\"https:\/\/wpdatatables.com\/javascript-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">trechos de c\u00f3digo JavaScript que melhoram<\/a> seu fluxo de trabalho e otimizam seu c\u00f3digo.<\/p>\n<p>Esses snippets funcionam bem para ECMAScript 6 e s\u00e3o muito f\u00e1ceis de aprender, pois seus nomes s\u00e3o intuitivos, curtos e cativantes. Um exemplo seria &#8220;if&#8221; que representa um bloco &#8220;if&#8221; inteiro.<\/p>\n<h3>linguagem-l\u00edquido<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/language-liquid\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731aefa26.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Os desenvolvedores de front-end que usam a linguagem de modelo Liquid da Shopify podem usar language-liquid para destacar sua sintaxe.<\/p>\n<p>O Atom tem uma op\u00e7\u00e3o de destaque inclu\u00edda por padr\u00e3o, mas n\u00e3o est\u00e1 dispon\u00edvel ao usar o Liquid. \u00c9 aqui que o language-liquid entra em cena e evita que os usu\u00e1rios percam horas verificando seu c\u00f3digo.<\/p>\n<p>Se voc\u00ea usa outro idioma que precisa de suporte extra para realce de sintaxe, tente procurar um pacote semelhante com outro nome de idioma.<\/p>\n<h3>Destaque selecionado<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/highlight-selected\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731bf0bd4.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Na mesma nota que o realce de sintaxe, mas com uma fun\u00e7\u00e3o diferente, Highlight Selected \u00e9 usado para apontar as ocorr\u00eancias de uma palavra espec\u00edfica em seu c\u00f3digo.<\/p>\n<p>Voc\u00ea pode selecionar qualquer palavra clicando duas vezes nela e Highlight Selected mostrar\u00e1 todos os outros lugares onde essa palavra aparece. Simples, mas extremamente conveniente!<\/p>\n<h3>Ei, voc\u00ea sabia que os dados tamb\u00e9m podem ser bonitos?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> pode torn\u00e1-lo assim. H\u00e1 uma boa raz\u00e3o pela qual \u00e9 o plugin n\u00ba 1 do WordPress para criar tabelas e gr\u00e1ficos responsivos.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731d1a9a0.png\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Um exemplo real de wpDataTables em estado selvagem<\/p>\n<p>E \u00e9 muito f\u00e1cil fazer algo assim:<\/p>\n<ol>\n<li>Voc\u00ea fornece os dados da tabela<\/li>\n<li>Configure e personalize<\/li>\n<li>Publique-o em um post ou p\u00e1gina<\/li>\n<\/ol>\n<p>E n\u00e3o \u00e9 apenas bonito, mas tamb\u00e9m pr\u00e1tico. Voc\u00ea pode criar tabelas grandes com <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">at\u00e9 milh\u00f5es de linhas<\/a>, ou pode usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">filtros e pesquisas avan\u00e7adas<\/a>, ou pode enlouquecer e <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">torn\u00e1-las edit\u00e1veis<\/a>.<\/p>\n<p>&#8220;Sim, mas eu gosto demais do Excel e n\u00e3o tem nada disso em sites&#8221;. Sim, existe. Voc\u00ea pode usar a <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">formata\u00e7\u00e3o condicional<\/a> como no Excel ou no Planilhas Google.<\/p>\n<p>Eu te disse que voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">criar gr\u00e1ficos<\/a> com seus dados? E isso \u00e9 apenas uma pequena parte. Existem <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muitos outros recursos<\/a> para voc\u00ea.<\/p>\n<h3>Teletipo<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/teletype\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731e37529.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>O Teletype merece seu lugar na lista dos melhores pacotes Atom, pois traz algo novo para a mesa: permitir que voc\u00ea e sua equipe colaborem em um espa\u00e7o de trabalho.<\/p>\n<p>Teletype permite que voc\u00ea compartilhe seu c\u00f3digo com outro programador e concede acesso para edit\u00e1-lo em tempo real. Em alguns casos, isso \u00e9 muito \u00fatil porque os programadores iniciantes s\u00e3o incentivados a acompanhar os programadores mais experientes e aprender suas maneiras de lidar com um projeto.<\/p>\n<p>O teletipo tamb\u00e9m pode ser usado para fazer colabora\u00e7\u00f5es baseadas em equipe, portanto, n\u00e3o se restringe ao compartilhamento de c\u00f3digo com uma \u00fanica pessoa, mas com v\u00e1rias. Este pacote \u00e9 resultado da criatividade e inova\u00e7\u00e3o da equipe do GitHub.<\/p>\n<p>Desde 2017, o Teletype est\u00e1 entre os pacotes favoritos de muitos desenvolvedores por a\u00ed, incentivando conceitos como programa\u00e7\u00e3o em pares e codifica\u00e7\u00e3o social.<\/p>\n<h3>Arquivo aberto avan\u00e7ado (por Osmose)<\/h3>\n<p><a href=\"https:\/\/github.com\/Osmose\/advanced-open-file\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731f32e1a.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Advanced Open File \u00e9 um pacote Atom que ajuda os usu\u00e1rios a abrir arquivos e navegar em pastas com mais facilidade. Voc\u00ea tamb\u00e9m pode criar novos no Advanced Open File, o que reduz o tempo necess\u00e1rio para fazer isso no Atom. Voc\u00ea pode acess\u00e1-lo pressionando Alt + cmd\/ctrl + O.<\/p>\n<h3>Menos que barra<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/less-than-slash\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873203b953.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Aqueles que usam mais HTML em compara\u00e7\u00e3o com outras linguagens devem experimentar o Less Than-Slash. Dos melhores pacotes Atom, Less Than-Slash diferencia-se pela sua simplicidade e efic\u00e1cia.<\/p>\n<p>O pacote adiciona uma tag HTML de fechamento depois que voc\u00ea digita &lt;\/. Al\u00e9m disso, o pacote pode reconhecer qual tag deve ser fechada e a adiciona automaticamente enquanto ignora tags semelhantes ou semelhantes.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode especificar todas as tags que prefere que sejam ignoradas no painel de configura\u00e7\u00f5es do pacote. Al\u00e9m disso, voc\u00ea pode aproveitar a op\u00e7\u00e3o de retorno do cursor, que envia o cursor para o in\u00edcio da tag de fechamento, tornando a reescrita menos trabalhosa.<\/p>\n<h3>\u00cdcones de arquivo<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/file-icons\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873212d130.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>O Atom est\u00e1 programado para exibir o nome do arquivo na visualiza\u00e7\u00e3o em \u00e1rvore ao acessar a janela do editor. Isso \u00e0s vezes \u00e9 percebido como um inconveniente, considerando que algumas pessoas preferem saber o nome do arquivo em que est\u00e3o trabalhando no \u00edcone do arquivo.<\/p>\n<p>Como o nome sugere, o File Icons \u00e9 o pacote Atom que faz exatamente isso. \u00c9 uma pequena mudan\u00e7a com um grande efeito, ent\u00e3o voc\u00ea deve tentar e ver como seu fluxo de trabalho melhora.<\/p>\n<h3>Layout do painel mais<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/pane-layout-plus\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732243435.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Enfrentando problemas com a organiza\u00e7\u00e3o de pain\u00e9is no Atom? O Page Layout Plus permite controlar a distribui\u00e7\u00e3o de cada painel, oferecendo tamb\u00e9m a op\u00e7\u00e3o de usar atalhos. Usando os atalhos, voc\u00ea pode pular entre colunas ou definir layouts.<\/p>\n<h3>Pacote Git Plus<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/git-plus\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732330707.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Tomar a\u00e7\u00f5es no Gitis \u00e9 bastante dif\u00edcil porque voc\u00ea sempre precisa alternar para o terminal. O Git-Plus ajuda voc\u00ea a realizar a\u00e7\u00f5es do Git sem precisar alternar para isso. Ele \u00e9 baseado em shortcodes e voc\u00ea s\u00f3 precisa pressionar cmd\/ctrl + Shift + H. Todos os comandos do Git podem ser executados com este pacote.<\/p>\n<h3>Pigmentos (por abe33)<\/h3>\n<p><a href=\"https:\/\/github.com\/abe33\/atom-pigments\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732411251.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>No web design, os c\u00f3digos de cores s\u00e3o tudo. Pigments \u00e9 um pacote conveniente que escaneia seu arquivo e detecta os c\u00f3digos de cores existentes que s\u00e3o ent\u00e3o exibidos. Pigmentos abrange HEX, RGB e HSL.<\/p>\n<p>Se voc\u00ea trabalha com fun\u00e7\u00f5es de transforma\u00e7\u00e3o de cores como LESS ou Stylus CSS, Pigments tamb\u00e9m pode ajud\u00e1-lo, pois possui recursos prontos para uso. Voc\u00ea pode personalizar o tipo de marcador ou configurar palavras de cores diferentes para cada arquivo.<\/p>\n<h3>Seletor de cores<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/color-picker\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873251acb0.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Falando sobre os melhores pacotes Atom em termos de gerenciamento de cores, Color Picker merece um lugar aqui. Voc\u00ea pode ajustar os valores de cores muito mais rapidamente em um arquivo CSS, que \u00e9 um recurso \u00fatil para quem trabalha no setor de web design.<\/p>\n<p>O seletor de cores aparecer\u00e1 na tela pressionando cmd\/ctrl + Shift + C. Descobrir quais cores voc\u00ea est\u00e1 usando com tanta facilidade reduz o tempo necess\u00e1rio para ajustar os matizes.<\/p>\n<h3>Minimapa (por \u00e1tomo-minimapa)<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/minimap\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873265b421.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Para aqueles que est\u00e3o familiarizados com o <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/plugins-de-texto-sublimes-que-voce-pode-usar-para-personalizar-seu-editor\/\" title=\"Sublime Text,\">Sublime Text,<\/a> um minimapa \u00e9 um recurso \u00fatil para desenvolvedores que gostam de ver uma pr\u00e9via do conte\u00fado do arquivo na janela do editor de c\u00f3digo. Ter um desses na tela ajuda os desenvolvedores a manter sua dire\u00e7\u00e3o e foco.<\/p>\n<p>Minimap \u00e9 um pacote para Atom que permite fazer o mesmo. Al\u00e9m de sua funcionalidade principal, voc\u00ea tamb\u00e9m pode exibir marcadores, marcadores de linter e cores de pigmentos.<\/p>\n<h3>TODO-Show<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/todo-show\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87327757ab.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Voc\u00ea quer todos os coment\u00e1rios TODO, FIXME e CHANGED listados na tela? Se sim, use TODO-Show. \u00c9 um pacote legal que \u00e9 muito \u00fatil para desenvolvedores que preferem escrever suas notas diretamente no c\u00f3digo.<\/p>\n<p>Entre os melhores pacotes Atom, este parece ser um dos mais \u00fateis. Lembre-se de que voc\u00ea tamb\u00e9m pode criar coment\u00e1rios personalizados al\u00e9m dos pr\u00e9-fabricados.<\/p>\n<h3>Gestor de projeto<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/project-manager\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87328756e3.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Alternar rapidamente entre projetos n\u00e3o \u00e9 o forte do Atom. \u00c9 por isso que voc\u00ea deve experimentar este pacote que permite mudar muito mais facilmente.<\/p>\n<p>Salve seus projetos usando a Paleta de Comandos digitando <a href=\"https:\/\/niftypm.com\/blog\/creative-project-managers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Project Manager<\/a>: Save Project. Ent\u00e3o, depois de salv\u00e1-los, voc\u00ea pode filtrar seus projetos e alternar entre eles facilmente.<\/p>\n<h3>Abas Atom expostas<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/expose\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732974255.jpg\" alt=\"Os melhores pacotes e extens\u00f5es Atom que voc\u00ea pode instalar\u00a0\" \/><\/a><\/p>\n<p>Este pacote Atom oferece a possibilidade de guiar os arquivos abertos no programa. Se voc\u00ea estiver familiarizado com o Mission Control do Mac, \u00e9 bem parecido. O pacote mostrar\u00e1 os pain\u00e9is ativos e uma visualiza\u00e7\u00e3o de cada guia.<\/p>\n<h3>Considera\u00e7\u00f5es finais sobre os melhores pacotes Atom<\/h3>\n<p>Embora esta lista deva lhe dar o suficiente para mastigar, dificilmente \u00e9 exaustiva de todos os melhores pacotes Atom dispon\u00edveis. Lembre-se de que existem mais de 8.000 deles, ent\u00e3o reserve um tempo para encontrar os mais aplic\u00e1veis \u200b\u200baos idiomas que voc\u00ea usa.<\/p>\n<p>O Atom \u00e9 poderoso o suficiente sem todos esses pacotes, mas esses pacotes Atom facilmente instal\u00e1veis \u200b\u200bdispon\u00edveis gratuitamente expandir\u00e3o suas funcionalidades para torn\u00e1-lo mais conveniente de usar.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre os melhores pacotes Atom, voc\u00ea deve conferir este sobre os <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/plugins-de-texto-sublimes-que-voce-pode-usar-para-personalizar-seu-editor\/\" title=\"temas Sublime Text\">temas Sublime Text<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/plugins-e-pacotes-de-texto-sublime-que-voce-deve-conferir\/\" title=\"plugins Sublime Text\">plugins Sublime Text<\/a> e como se tornar um <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-se-tornar-um-desenvolvedor-front-end-habilidades-a-ter\/\" title=\"desenvolvedor front-end\">desenvolvedor front-end<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os desenvolvedores preferem esse editor de c\u00f3digo porque \u00e9 leve, tem uma curva de aprendizado baixa e pode ser estendido com uma variedade de pacotes Atom \u00fateis.<\/p>\n","protected":false},"author":1,"featured_media":181176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[722,920,785,846],"tags":[1170],"class_list":["post-227844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvedor","category-outro","category-software-livre","category-tutoriais","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=227844"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227844\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/181176"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=227844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=227844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=227844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}