Portanto, apresentaremos uma op\u00e7\u00e3o que se destaca das demais: Sublime Text<\/a>. Este \u00e9 um dos editores de c\u00f3digo mais usados \u200b\u200bno mercado e \u00e9 o preferido por milhares de programadores, desenvolvedores web e web designers.<\/p>\n O que \u00e9 t\u00e3o impressionante no Sublime Text \u00e9 sua flexibilidade. Voc\u00ea pode facilmente estender o editor de c\u00f3digo usando plugins Sublime Text criados para quase todos os prop\u00f3sitos imagin\u00e1veis. E voc\u00ea pode at\u00e9 criar pacotes personalizados que melhorar\u00e3o visivelmente seu fluxo de trabalho e aumentar\u00e3o sua produtividade.<\/p>\n Continue lendo mais neste artigo criado por nossa equipe em wpDataTables<\/a> e conhe\u00e7a alguns dos melhores pacotes Sublime Text, como eles funcionam e como voc\u00ea pode us\u00e1-los.<\/p>\n Antes de listar os plugins Sublime Text que consideramos relevantes para todos os web designers, voc\u00ea deve aprender a instalar pacotes neste editor de c\u00f3digo. Aqui est\u00e3o os passos que voc\u00ea precisa seguir:<\/p>\n Ou<\/p>\n Depois que o pacote estiver instalado, n\u00e3o fa\u00e7a nenhuma altera\u00e7\u00e3o em seu arquivo de configura\u00e7\u00e3o padr\u00e3o, a menos que voc\u00ea saiba exatamente o que est\u00e1 fazendo. Os pacotes Sublime Text destinam-se principalmente a serem personalizados com o uso de arquivos de substitui\u00e7\u00e3o separados para que suas altera\u00e7\u00f5es n\u00e3o sejam perdidas quando os pacotes forem atualizados.<\/p>\n Falando sobre a extensibilidade do editor de c\u00f3digo, seria \u00fatil listar alguns dos melhores Plugins de Texto Sublime e como eles podem ajud\u00e1-lo a se tornar um desenvolvedor melhor no menor tempo poss\u00edvel.<\/p>\n Esperamos que voc\u00ea ache esses plugins \u00fateis e relevantes para o seu trabalho. Aqui est\u00e1 a lista:<\/p>\n O Sublime Text Package Control \u00e9 provavelmente a ferramenta mais popular dispon\u00edvel para este editor de c\u00f3digo. Ele permite baixar, instalar e atualizar pacotes diretamente da interface do Sublime Text.<\/p>\n Embora “plugin” e “pacote” sejam frequentemente usados \u200b\u200bde forma intercambi\u00e1vel, os pacotes incluem plugins, menus, trechos e outros bits e bobs que podem ser usados \u200b\u200bpara estender o Sublime Text ao seu gosto.<\/p>\n Em vez de baixar os arquivos do pacote por conta pr\u00f3pria e instal\u00e1-los na pasta correta, deixe este plugin fazer tudo por voc\u00ea sem sair do Sublime Text. Se voc\u00ea \u00e9 um programador, pense nisso como pip para Python ou npm para node.js.<\/p>\n Alinhamento faz exatamente o que o nome diz: \u00e9 um daqueles plugins Sublime Text que torna seu trabalho 10 vezes mais f\u00e1cil, alinhando seu c\u00f3digo para torn\u00e1-lo mais limpo e f\u00e1cil de ler. Funciona muito bem com PHP, JavaScript, CSS e muito mais.<\/p>\n Voc\u00ea pode alinhar se\u00e7\u00f5es, sele\u00e7\u00f5es de v\u00e1rias linhas ou todo o seu c\u00f3digo com o uso de delimitadores como “=”. Mesmo que voc\u00ea pense que n\u00e3o ajuda muito, uma vez que voc\u00ea o use, voc\u00ea ficar\u00e1 viciado em como ele \u00e9 \u00fatil.<\/p>\n Entre os plugins Sublime Text mais usados \u200b\u200best\u00e1 o Emmet, um plugin simples que pode melhorar a produtividade de qualquer desenvolvedor ajudando em seu fluxo de trabalho CSS e HTML.<\/p>\n Por exemplo, se voc\u00ea escrever html:5 e pressionar CTRL + E enquanto estiver usando o Emmet, voc\u00ea ter\u00e1 acesso a um modelo b\u00e1sico de p\u00e1gina HTML5 para trabalhar. O plugin \u00e9 simples, mas extremamente eficaz e definitivamente melhorar\u00e1 seu trabalho.<\/p>\n Voc\u00ea odeia lidar com cita\u00e7\u00f5es? Parab\u00e9ns, voc\u00ea \u00e9 um dos milh\u00f5es de desenvolvedores que tamb\u00e9m t\u00eam dificuldade em mant\u00ea-los consistentes. ChangeQuotes ir\u00e1 ajud\u00e1-lo.<\/p>\n Ele pode facilmente converter aspas simples\/duplas e reescap\u00e1-las. Se voc\u00ea deseja alterar aspas, coloque o cursor dentro do texto citado e abra a paleta de comandos. Execute o plug-in e voc\u00ea n\u00e3o precisar\u00e1 mais selecionar a linha inteira para alterar as cota\u00e7\u00f5es. \u00c9 muito mais r\u00e1pido assim!<\/p>\n Este plugin Sublime Text adicionar\u00e1 alguns novos recursos ao menu da barra lateral. Por exemplo, voc\u00ea pode criar um novo arquivo muito mais r\u00e1pido enquanto permanece na pasta do projeto atual. Voc\u00ea tamb\u00e9m pode mover arquivos e pastas com mais facilidade, duplic\u00e1-los conforme necess\u00e1rio e abrir arquivos no Finder ou no navegador.<\/p>\n SublimeEnhancements adiciona uma s\u00e9rie de recursos \u00fateis da barra lateral que ajudar\u00e3o voc\u00ea a gerenciar seu projeto com mais efici\u00eancia. Instale-o para descobrir todas as fun\u00e7\u00f5es \u00fateis.<\/p>\n Se voc\u00ea \u00e9 um usu\u00e1rio do Sublime Text 3, voc\u00ea vai adorar o SublimeLinter. Poucos plugins do Sublime Text foram atualizados para a vers\u00e3o mais recente do editor, ent\u00e3o \u00e9 sempre bom ver que os desenvolvedores de plugins se concentram em atualizar seus produtos. Em vez de ter todos os seus linters em um pacote, este plugin permite que voc\u00ea instale os que voc\u00ea usa regularmente.<\/p>\n Basicamente, o SublimeLinter fornece uma estrutura para usar para fazer o linting do c\u00f3digo. Caso voc\u00ea n\u00e3o saiba, linting representa o processo de sinalizar sintaxe n\u00e3o port\u00e1til ou incorreta em seu c\u00f3digo. Em palavras mais simples, ele avisa quando o c\u00f3digo est\u00e1 cheio de bugs.<\/p>\n Trabalhar com software de controle de vers\u00e3o \u00e9 comum para desenvolvedores. O mais popular \u00e9 o Git. Para aqueles que est\u00e3o cansados \u200b\u200bde salvar arquivos de texto e voltar a um terminal para executar alguns comandos do Git, o SublimeGit ser\u00e1 a resposta. Este plugin Sublime Text permite que voc\u00ea execute todos os seus comandos Git dentro do editor de texto.<\/p>\n Ao usar o SublimeGit, os desenvolvedores podem fazer mais em menos tempo, aumentando muito sua produtividade. Voc\u00ea n\u00e3o precisar\u00e1 alternar entre o editor de c\u00f3digo e a linha de comando.<\/p>\n Isso costumava estar dispon\u00edvel apenas como um plugin pago, mas no ano passado tornou-se de c\u00f3digo aberto. Ele possui v\u00e1rios recursos que voc\u00ea achar\u00e1 \u00fateis, bem como os\u00a0 documentos do SublimeGit<\/a>, que o ajudar\u00e3o a entender e usar o plug-in.<\/p>\n Voc\u00ea sempre pode executar comandos do Git dentro do pr\u00f3prio Sublime Text, mas n\u00e3o \u00e9 a maneira mais r\u00e1pida de lidar com essa tarefa. O Sublime Text faz voc\u00ea executar um comando separado, em vez de permitir que voc\u00ea visualize as altera\u00e7\u00f5es em tempo real. Bem, \u00e9 aqui que entra o GitGutter.<\/p>\n O GitGutter \u00e9 semelhante ao Atom de alguns pontos de vista. Ele adiciona os mesmos tipos de funcionalidades ao Sublime Text, o que significa que voc\u00ea pode come\u00e7ar a adicionar dicas de diferen\u00e7as \u00e0 calha da sua barra lateral. Ao passar o mouse sobre os indicadores da barra lateral, voc\u00ea obt\u00e9m acesso a pop-ups de diferen\u00e7as muito \u00fateis.<\/p>\n Destacar \u00e9 fundamental para perceber erros e bugs rapidamente. Para os desenvolvedores, corrigir erros de forma r\u00e1pida e eficiente \u00e9 uma necessidade absoluta. SASS ajuda voc\u00ea a fazer isso. Ele destaca a sintaxe SASS e SCSS e ajudar\u00e1 qualquer desenvolvedor de CSS que use essas linguagens de extens\u00e3o.<\/p>\n Aqueles que usam reposit\u00f3rios GitHub\/Bitbucket devem experimentar o GitHubinator. Este plugin mostra o texto selecionado no reposit\u00f3rio remoto. Assim, o texto que voc\u00ea est\u00e1 procurando \u00e9 destacado e voc\u00ea pode simplesmente clicar no menu de contexto para iniciar a p\u00e1gina da web correspondente no navegador.<\/p>\n Como no caso de outros plugins Sublime Text listados aqui, o GitHubinator ajuda os desenvolvedores a economizar tempo e evitar a\u00e7\u00f5es repetitivas.<\/p>\n Como voc\u00ea pode ver, este plugin \u00e9 usado para abrir arquivos alterados de um reposit\u00f3rio Git. Voc\u00ea simplesmente precisa instal\u00e1-lo e iniciar o plug-in para abrir os arquivos que voc\u00ea alterou anteriormente em sua ramifica\u00e7\u00e3o do Sublime Text.<\/p>\n N\u00e3o \u00e9 muito um plugin, mas aqueles que precisam dessa fun\u00e7\u00e3o v\u00e3o achar muito \u00fatil.<\/p>\n Voc\u00ea sabe quanto tempo demora o processo de abertura de pastas de projetos com o Sublime Text. O Terminal permite abrir as pastas diretamente do Sublime Text na plataforma com uma \u00fanica tecla de atalho. N\u00e3o \u00e9 conveniente?<\/p>\n Ao executar linhas de comando em uma determinada pasta, voc\u00ea precisa passar por algumas etapas que s\u00e3o demoradas e bastante estressantes. O Terminal reduz essas etapas para a tecla de atalho CTRL + SHIFT + T.<\/p>\n Usar o SublimeREPL tornar\u00e1 o trabalho do programador 10 vezes mais f\u00e1cil. Este plugin permite que voc\u00ea execute int\u00e9rpretes das linguagens mais comuns, incluindo NodeJS, Python, Ruby, Scala ou Haskell.<\/p>\n Voc\u00ea pode executar um int\u00e9rprete em qualquer um desses idiomas e muito mais, diretamente do Sublime Text. D\u00ea uma olhada nas outras fun\u00e7\u00f5es do plugin para uma compreens\u00e3o mais profunda do que ele pode fazer.<\/p>\n Se voc\u00ea precisar de defini\u00e7\u00f5es de linguagem para Javascript ES6+, voc\u00ea deve usar o Babel. Poucos plugins Sublime Text oferecem boas defini\u00e7\u00f5es de linguagem, especialmente para sua vers\u00e3o mais recente. O Babel foi desenvolvido especificamente para o Sublime Text 3 e n\u00e3o suporta vers\u00f5es anteriores. Ele tamb\u00e9m suporta a sintaxe React JSX.<\/p>\n Por padr\u00e3o, o Sublime Text usa a op\u00e7\u00e3o de preenchimento autom\u00e1tico apenas em palavras presentes no arquivo atual. Para expandir essa funcionalidade para todos os arquivos abertos, voc\u00ea pode usar o AllAutocomplete, um plug-in que pesquisa todos os arquivos que voc\u00ea abriu e encontra correspond\u00eancias, al\u00e9m de sugerir palavras.<\/p>\n CSSComb classifica as propriedades CSS para que seu c\u00f3digo fique mais limpo e f\u00e1cil de ler. Ele coloca o c\u00f3digo na ordem certa e permite que voc\u00ea personalize suas propriedades sem muita complica\u00e7\u00e3o. \u00c9 um plugin \u00fatil para aqueles que trabalham em equipes onde nem todos os membros escrevem c\u00f3digo da mesma maneira.<\/p>\n Muitos desenvolvedores est\u00e3o acostumados a criar arquivos Markdown no GitHub, StackEdit ou Markable, na nuvem. Se voc\u00ea \u00e9 um escritor da velha guarda e prefere manter seus arquivos localmente, experimente o MarkdownPreview.<\/p>\n Voc\u00ea tamb\u00e9m pode instalar o MarkdownEditing<\/a> e destacar seu c\u00f3digo Markdown.<\/p>\n Em algumas empresas, todas as diretrizes de codifica\u00e7\u00e3o devem ser respeitadas religiosamente. Isso pode pressionar os ombros dos desenvolvedores. O DocBlockr facilita isso criando coment\u00e1rios para seu c\u00f3digo, analisando as fun\u00e7\u00f5es, vari\u00e1veis \u200b\u200bou par\u00e2metros e adicionando itens b\u00e1sicos automaticamente.<\/p>\n Voc\u00ea s\u00f3 ter\u00e1 que digitar \/e o plugin faz o trabalho para voc\u00ea.<\/p>\n MaterializeCSSisa memor\u00e1vel framework front-end criado pelo Google. \u00c9 moderno, totalmente responsivo e pronto para uso por todos os designers e desenvolvedores. Este plugin Sublime Text ir\u00e1 ajud\u00e1-lo a usar Materialize CSS dentro do editor de texto com o uso de snippets comuns.<\/p>\n Snippets CSS materializados adicionam componentes CSS diretamente no editor de c\u00f3digo,<\/a> para que voc\u00ea possa acess\u00e1-los com comandos b\u00e1sicos. Snippets CSS materializados podem economizar muito tempo e energia que normalmente seriam usados \u200b\u200bdigitando a sintaxe manualmente e adicionando componentes CSS separadamente.<\/p>\n Sem formata\u00e7\u00e3o, seu c\u00f3digo parecer\u00e1 confuso e dif\u00edcil de passar. O StandardFormat permite que voc\u00ea crie uma base de c\u00f3digo muito mais s\u00f3lida enquanto ajuda as pessoas a lerem seu c\u00f3digo com mais rapidez e efici\u00eancia sempre que precisarem.<\/p>\n O plugin \u00e9 baseado na biblioteca Standard Format JS, que ser\u00e1 aplicada ao que voc\u00ea escreve. Todo mundo sabe ler o formato JS tradicional, ent\u00e3o este plugin prova ser bastante \u00fatil para desenvolvedores.<\/p>\n As consultas de m\u00eddia s\u00e3o usadas para desenvolver aplicativos e software para dispositivos m\u00f3veis ou tamanhos de tela escalon\u00e1veis. Sem essas consultas, voc\u00ea n\u00e3o pode transformar seu projeto em um compat\u00edvel com dispositivos m\u00f3veis.<\/p>\n O CSS Media Query Snippets tem como objetivo ajud\u00e1-lo nessa tarefa, oferecendo modelos pr\u00e9-escritos para consultas de m\u00eddia. Voc\u00ea pode apenas usar o modelo para fazer modifica\u00e7\u00f5es.<\/p>\n Todos sabemos que o acesso ao Shell \u00e9 um t\u00f3pico controverso por causa das configura\u00e7\u00f5es inseguras que os servidores executavam no passado. Ser v\u00edtima de hackers era muito mais comum quando os comandos do Shell Exec podiam ser acessados \u200b\u200bdo exterior, abrindo vulnerabilidades na plataforma.<\/p>\n Este plugin ajuda voc\u00ea a executar comandos shell dentro do Sublime Text 3, considerando que a Internet est\u00e1 muito mais segura agora. \u00c9 uma boa maneira de economizar tempo, mas n\u00e3o se esque\u00e7a de definir as configura\u00e7\u00f5es do firewall e descobrir os padr\u00f5es de acesso para evitar a situa\u00e7\u00e3o acima.<\/p>\n Laravel \u00e9 um framework de c\u00f3digo aberto para PHP e influenciou o desenvolvimento do PHP de forma bastante vis\u00edvel. O Laravel usa o Blade Engine, uma sintaxe que permite desenvolver novos softwares sobre o framework.<\/p>\n O Sublime Text n\u00e3o seria o mesmo sem o Laravel Blade Highlighter se voc\u00ea usar o Laravel diariamente. Com mais de 300.000 instala\u00e7\u00f5es, este plugin n\u00e3o deve ser esquecido por nenhum desenvolvedor PHP.<\/p>\n O Sublime Text \u00e9 forte o suficiente por si s\u00f3, mas plugins e pacotes o tornam ainda mais poderoso. O maior benef\u00edcio desses plugins \u00e9 economizar seu tempo, ajudando voc\u00ea a personalizar o Sublime Text para atender \u00e0s suas necessidades, requisitos e tarefas do dia-a-dia.<\/p>\n Todo desenvolvedor prefere uma certa rotina de codifica\u00e7\u00e3o, e voc\u00ea pode sustentar essa rotina selecionando os plugins Sublime Text que funcionam melhor para sua situa\u00e7\u00e3o. Escolha aqueles que fazem sentido para o seu modo de trabalho e seu trabalho. Isso tornar\u00e1 tudo mais eficiente e menos demorado.<\/p>\n Boa sorte com suas tarefas de codifica\u00e7\u00e3o!<\/p>\n Se voc\u00ea gostou de ler este artigo sobre plugins do Sublime Text, voc\u00ea deve conferir este sobre os temas do Sublime Text<\/a>.<\/p>\n Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como os melhores pacotes Atom<\/a> e como se tornar um desenvolvedor front-end<\/a>.<\/p>\n![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe2ef12b.jpg\")
<\/a><\/p>\nPlugins Sublime Text: Instalando Pacotes<\/h2>\n
\n
\n
Plugins de texto sublime que todos os desenvolvedores da Web devem experimentar<\/h2>\n
Controle de pacote<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe406d2e.jpg\")
<\/a><\/p>\nAlinhamento<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe4f3d7d.jpg\")
<\/a><\/p>\nEmmet<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe602bcb.jpg\")
<\/a><\/p>\nAlterar cita\u00e7\u00f5es<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7071f7.jpg\")
<\/a><\/p>\nAprimoramentos da Barra Lateral<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7edb75.jpg\")
<\/a><\/p>\nSublimeLinter<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe8f017e.jpg\")
<\/a><\/p>\nSublimeGit<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe9e9504.jpg\")
<\/a><\/p>\nGitGutter<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeadbe1f.jpg\")
<\/a><\/p>\nSASS<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbebc54e2.jpg\")
<\/a><\/p>\nGitHubinatorGenericName<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbecb436e.jpg\")
<\/a><\/p>\nGitOpenChangedFiles<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeda44f1.jpg\")
<\/a><\/p>\nterminal<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbee99061.jpg\")
<\/a><\/p>\nSublime REPL<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbef916ae.jpg\")
<\/a><\/p>\nBabel<\/strong><\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf096f83.jpg\")
<\/a><\/p>\nTodosAutocompletar<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf18f171.jpg\")
<\/a><\/p>\nCSSComb<\/strong><\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf29805b.jpg\")
<\/a><\/p>\nMarkdownPreview<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf3afe19.jpg\")
<\/a><\/p>\nDocBlockrGenericName<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf4c78e5.jpg\")
<\/a><\/p>\nTrechos CSS materializados<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf5cf364.jpg\")
<\/a><\/p>\nFormato padr\u00e3o<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf6c4c83.jpg\")
<\/a><\/p>\nTrechos de consulta de m\u00eddia CSS<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf7b6386.jpg\")
<\/a><\/p>\nShell Exec<\/strong><\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf8ba706.jpg\")
<\/a><\/p>\nLaravel BladeHighlighter<\/h3>\n
![\"Plugins](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf9a99a1.jpg\")
<\/a><\/p>\nConsidera\u00e7\u00f5es finais sobre esses plugins de texto sublime<\/h3>\n