{"id":775,"date":"2017-01-31T14:51:11","date_gmt":"2017-01-31T16:51:11","guid":{"rendered":"http:\/\/coral.ufsm.br\/pet-si\/?p=775"},"modified":"2025-09-02T13:40:02","modified_gmt":"2025-09-02T16:40:02","slug":"porque-utilizar-o-sublime-text","status":"publish","type":"post","link":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/2017\/01\/31\/porque-utilizar-o-sublime-text","title":{"rendered":"Por que utilizar o Sublime Text?"},"content":{"rendered":"<p>Passadas as festas de virada de ano e as f\u00e9rias de alguns, desejamos a todos que 2017 seja um ano memor\u00e1vel, cheio de boas experi\u00eancias, novos conhecimentos adquiridos e\u00a0boas notas. E pra come\u00e7ar bem, j\u00e1 iniciamos nosso ano com novidade, estreando a rec\u00e9m criada atividade <span style=\"color: #000000\"><strong>PET-Reda\u00e7\u00e3o<\/strong><\/span>, que tem por objetivo a realiza\u00e7\u00e3o de publica\u00e7\u00f5es, aqui em nosso site, sobre os mais diversificados assuntos, mas \u00e9 claro, sempre relacionados a Tecnologia.<br \/>\n<!--more--><br \/>\nEssa atividade ter\u00e1 uma frequ\u00eancia de edi\u00e7\u00f5es muito maior do que aquelas com que voc\u00eas j\u00e1 est\u00e3o acostumados, nosso intuito \u00e9 tornar o site mais atrativo, com conte\u00fado regular e diversificado, podendo auxiliar quem quer que seja com suas d\u00favidas sobre esses assuntos. Sem mais delongas, vamos ao que interessa nesta primeira edi\u00e7\u00e3o, as utilidades do conhecido editor de c\u00f3digo <span style=\"color: #000000\"><strong>Sublime Text<\/strong><\/span>.<\/p>\n<p style=\"text-align: left\">Desenvolvido na linguagem C++, o software encontra-se dispon\u00edvel para <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">download<\/a><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> tanto na vers\u00e3o instal\u00e1vel (para Windows, Linux e OS X) quanto <em>portable<\/em> (para Windows). Apesar de pago, sua vers\u00e3o gratuita oferece as funcionalidades essenciais para o desenvolvimento de c\u00f3digo. Sendo um editor muito leve, uma de suas principais vantagens, se comparado a outros editores e IDEs, \u00e9 seu desempenho e estabilidade, mesmo havendo instalando v\u00e1rios plugins, temas e extens\u00f5es, sua velocidade se mant\u00e9m est\u00e1vel e o consumo de mem\u00f3ria RAM \u00e9 pouco afetado.<\/p>\n<p style=\"text-align: center\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-809\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/sublime1-300x181.png\" width=\"700\" height=\"423\" \/><\/p>\n<p>Outro ponto forte do Sublime \u00e9 sua interface (figura logo acima), que apresenta um visual muito agrad\u00e1vel para programar, mesmo que por um longo per\u00edodo de tempo, mas que pode ser personalizada. Al\u00e9m disso, \u00e9 compat\u00edvel com a grande maioria das linguagens de programa\u00e7\u00e3o, e para aquelas que n\u00e3o est\u00e3o presentes diretamente no software, existem extens\u00f5es e plugins que permitem sua inclus\u00e3o, tornando-as compat\u00edveis.<br \/>\nFalando em personaliza\u00e7\u00e3o, plugins, extens\u00f5es e temas fazem parte do ponto, talvez, mais interessante do Sublime, que \u00e9 sua versatilidade, podendo ser customizado da forma que o usu\u00e1rio desejar, adaptando sua usabilidade para o foco de desenvolvimento de cada programador. Existem plugins que facilitam, e muito, a vida de um Front End ou um Back End por exemplo. Al\u00e9m dos plugins e temas, os atalhos de teclado tamb\u00e9m podem ser totalmente modificados.<\/p>\n<h3>Plugins \u00fateis<\/h3>\n<p>Para instalar tudo que deseja, a maneira mais f\u00e1cil \u00e9 a partir do <a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Package Control<\/a><a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a>, na p\u00e1gina deles \u00e9 explicado o processo de instala\u00e7\u00e3o. A partir da\u00ed, o gerenciamento de novos plugins e temas \u00e9 <em>mam\u00e3o com <\/em><i>a\u00e7\u00facar<\/i>, basta utilizar o atalho <strong>Ctrl+Shift+P<\/strong>, digitar Package Control e buscar por pela a\u00e7\u00e3o que deseja realizar, como na figura abaixo (ou ent\u00e3o pelo menu Preferences&gt;Package Control).<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone wp-image-848\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/sublime2-300x181.png\" width=\"700\" height=\"423\" \/><\/p>\n<p style=\"text-align: left\">Com uma simples pesquisa por plugins, \u00e9 f\u00e1cil perceber que a comunidade que utiliza e contribui com o Sublime \u00e9 muito grande e presente, o que \u00e9 outra grande vantagem do Sublime Text, pois para obter ajuda ou encontrar alguma solu\u00e7\u00e3o para um problema basta acessar o f\u00f3rum do pr\u00f3prio editor e procurar por aquilo que precisa. Abaixo est\u00e3o listados alguns dos plugins que considero extremamente \u00fateis.<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/alienhard\/SublimeAllAutocomplete\" target=\"_blank\" rel=\"noopener noreferrer\">All Autocomplete<\/a><a href=\"https:\/\/github.com\/alienhard\/SublimeAllAutocomplete\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Por padr\u00e3o, para autocompletar palavras o Sublime considera apenas aquelas presentes no arquivo atual, essa extens\u00e3o permite que isso seja realizado com palavras presentes em todos os arquivos que est\u00e3o abertos na janela.<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/BoundInCode\/AutoFileName\" target=\"_blank\" rel=\"noopener noreferrer\">Auto File Name<\/a><a href=\"https:\/\/github.com\/BoundInCode\/AutoFileName\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Autocompleta os caminhos e nomes de arquivos.<\/p>\n<p><a href=\"http:\/\/emmet.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emmet<\/a><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/> &#8211; Aprimora a codifica\u00e7\u00e3o de arquivos HTML e CSS, simplificando a escrita atrav\u00e9s de express\u00f5es espec\u00edficas.<br \/>\n<a href=\"https:\/\/github.com\/spadgos\/sublime-jsdocs\" target=\"_blank\" rel=\"noopener noreferrer\">DocBlockr<\/a><a href=\"https:\/\/github.com\/spadgos\/sublime-jsdocs\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Facilita a escrita de coment\u00e1rios para documenta\u00e7\u00e3o do c\u00f3digo (funciona com as linguagens Javascript, PHP, CoffeeScript, Actionscript, C e C++ ).<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/jisaacks\/GitGutter\" target=\"_blank\" rel=\"noopener noreferrer\">GitGutter<\/a><a href=\"https:\/\/github.com\/jisaacks\/GitGutter\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Indica as linhas dos arquivos que foram modificadas. Recomendo a instala\u00e7\u00e3o juntamente do <a href=\"https:\/\/github.com\/kemayo\/sublime-text-git\" target=\"_blank\" rel=\"noopener noreferrer\">Sublime Text Git<\/a><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/> que integra seu reposit\u00f3rio Git com o editor.<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/kemayo\/sublime-text-2-goto-documentation\" target=\"_blank\" rel=\"noopener noreferrer\">GotoDocumentation<\/a><a href=\"https:\/\/github.com\/kemayo\/sublime-text-2-goto-documentation\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Permite navegar direto para a documenta\u00e7\u00e3o\/defini\u00e7\u00e3o da fun\u00e7\u00e3o em que o ponteiro do mouse est\u00e1 posicionado.<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/equinusocio\/material-theme\" target=\"_blank\" rel=\"noopener noreferrer\">Material Theme<\/a><a href=\"https:\/\/github.com\/equinusocio\/material-theme\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; &#8220;<em>&#8230;\u00a0<span class=\"col-11 text-gray-dark mr-2\">the most epic theme for Sublime Text 3<\/span><\/em>&#8220;, concordo! Tamb\u00e9m pode ser customizado (exemplo na figura seguinte).<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-851\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/sublime3-300x166.png\" width=\"700\" height=\"388\" \/><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/titoBouzout\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener noreferrer\">SideBarEnhancements<\/a><a href=\"https:\/\/github.com\/titoBouzout\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Adiciona mais op\u00e7\u00f5es na barra lateral (ao clicar com o bot\u00e3o direito do mouse nos arquivos), como renomear, mover, deletar, etc.<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/github.com\/SublimeLinter\/SublimeLinter3\" target=\"_blank\" rel=\"noopener noreferrer\">Sublime Linter<\/a><a href=\"https:\/\/github.com\/SublimeLinter\/SublimeLinter3\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> &#8211; Auxilia na corre\u00e7\u00e3o de erros do c\u00f3digo, mostrando onde ocorreu, recomendo a instala\u00e7\u00e3o juntamente de outro Linter espec\u00edfico da linguagem, como\u00a0 <a href=\"https:\/\/github.com\/SublimeLinter\/SublimeLinter-php\" target=\"_blank\" rel=\"noopener noreferrer\">Sublime Linter &#8211; PHP<\/a><a href=\"https:\/\/github.com\/SublimeLinter\/SublimeLinter-php\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> por exemplo. Seu funcionamento pode ocorrer em modo de <em>background<\/em> enquanto codifica, quando carregar ou salvar o arquivo, somente quando salvar ou de forma manual. Se n\u00e3o estiver funcionando corretamente, no windows, verifique se o diret\u00f3rio da linguagem est\u00e1 definido nas vari\u00e1veis de ambiente. No exemplo da figura abaixo, falta um &#8216;;&#8217; na linha anterior \u00e0 indicada pelo Linter.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-855\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/sublime4-300x75.png\" width=\"700\" height=\"175\" srcset=\"https:\/\/www.ufsm.br\/app\/uploads\/sites\/791\/2017\/01\/sublime4-300x75.png 300w, https:\/\/www.ufsm.br\/app\/uploads\/sites\/791\/2017\/01\/sublime4-768x192.png 768w, https:\/\/www.ufsm.br\/app\/uploads\/sites\/791\/2017\/01\/sublime4.png 802w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Al\u00e9m de todos esses plugins rapidamente apresentados, existem muitos outros esperando para serem descobertos, juntamente com uma s\u00e9rie de atalhos presentes no Sublime que podem lhe auxiliar a automatizar e facilitar o seu processo de desenvolvimento. Minha <a href=\"https:\/\/gist.github.com\/lucaslioli\/f311c49e27311fafbf9499e972517c6d\" target=\"_blank\" rel=\"noopener noreferrer\">lista<\/a><a href=\"https:\/\/gist.github.com\/lucaslioli\/f311c49e27311fafbf9499e972517c6d\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a> completa de plugins est\u00e1 em uma anota\u00e7\u00e3o do GitHub, junto com uma tabela dos atalhos mais utilizados e outras dicas. Agradecemos muito por ler at\u00e9 aqui e se voc\u00ea tiver alguma dica de plugin, funcionalidade ou quiser complementar \u00e9 s\u00f3 responder nos coment\u00e1rios.<\/p>\n<h3>Refer\u00eancias e Links \u00fateis<\/h3>\n<p>1 &#8211; <strong>GitHub\/lucaslioli <\/strong>&#8211; <a href=\"https:\/\/gist.github.com\/lucaslioli\/f311c49e27311fafbf9499e972517c6d\" target=\"_blank\" rel=\"noopener noreferrer\">Utilities For Sublime Text<\/a><a href=\"https:\/\/gist.github.com\/lucaslioli\/f311c49e27311fafbf9499e972517c6d\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a><br \/>\n2 &#8211; <strong>Sublime Text <\/strong>&#8211; <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The text editor you&#8217;ll fall in love with<\/a><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a><br \/>\n3 &#8211; <strong>Sublime Text Dicas\u00a0<\/strong>&#8211; <a href=\"http:\/\/sublimetextdicas.com.br\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tutoriais, artigos, dicas e not\u00edcias sobre o editor Sublime Text<\/a><a href=\"http:\/\/sublimetextdicas.com.br\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a><br \/>\n4 &#8211;\u00a0<strong>Thiago L\u00facio Web\u00a0<\/strong>&#8211; <a href=\"https:\/\/thiagolucioweb.wordpress.com\/2015\/06\/21\/sublime-text-atom-brackets-notepad-analise-rapida\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sublime Text, Atom, Brackets, Notepad++<\/a><a href=\"https:\/\/thiagolucioweb.wordpress.com\/2015\/06\/21\/sublime-text-atom-brackets-notepad-analise-rapida\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a><br \/>\n5 &#8211; <strong>Willian Justen <\/strong>&#8211; <a href=\"https:\/\/willianjusten.com.br\/meus-plugins-favoritos-do-sublime-text\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meus plugins favoritos do Sublime Text<\/a><a href=\"https:\/\/willianjusten.com.br\/meus-plugins-favoritos-do-sublime-text\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/coral.ufsm.br\/pet-si\/wp-content\/uploads\/2017\/01\/new_tab.png\" alt=\"\" width=\"15\" height=\"16\" \/><\/a><\/p>\n<h2>Avalia\u00e7\u00e3o<\/h2>\n<p>Antes de voc\u00ea partir gostaria de pedir sua ajuda para avaliar nossa atividade, \u00e9 com sua colabora\u00e7\u00e3o que o grupo PET-SI vai melhorar ainda mais os conte\u00fados aqui abordados. Por favor, preencha o formul\u00e1rio neste <a href=\"https:\/\/goo.gl\/forms\/QvbTq4FLdeaBELkJ2\" target=\"_blank\" rel=\"noopener noreferrer\">LINK<\/a> e nos ajude &lt;3<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Passadas as festas de virada de ano e as f\u00e9rias de alguns, desejamos a todos que 2017 seja um ano memor\u00e1vel, cheio de boas experi\u00eancias, novos conhecimentos adquiridos e\u00a0boas notas. E pra come\u00e7ar bem, j\u00e1 iniciamos nosso ano com novidade, estreando a rec\u00e9m criada atividade PET-Reda\u00e7\u00e3o, que tem por objetivo a realiza\u00e7\u00e3o de publica\u00e7\u00f5es, aqui [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":868,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124,112],"tags":[184,149],"class_list":["post-775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destaques","category-redacao","tag-ferramentas","tag-redacao"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/comments?post=775"}],"version-history":[{"count":0,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/775\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media?parent=775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/categories?post=775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/tags?post=775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}