{"id":315,"date":"2020-03-25T11:20:00","date_gmt":"2020-03-25T14:20:00","guid":{"rendered":"https:\/\/blog.softmakers.com.br\/?p=315"},"modified":"2020-03-25T17:02:49","modified_gmt":"2020-03-25T20:02:49","slug":"5-extensoes-essenciais-do-visual-studio-code-para-trabalho-colaborativo","status":"publish","type":"post","link":"https:\/\/blog.softmakers.com.br\/index.php\/2020\/03\/25\/5-extensoes-essenciais-do-visual-studio-code-para-trabalho-colaborativo\/","title":{"rendered":"5 Extens\u00f5es essenciais do Visual Studio Code para Trabalho Colaborativo"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><em>Edi\u00e7\u00e3o de texto. Redefinida.<\/em><\/h3>\n\n\n\n<p>Esse \u00e9 o slogan da p\u00e1gina inicial do Visual Studio Code. Na minha jordana, por IDE&#8217;s e editores de texto, nenhum deles mudou minha concep\u00e7\u00e3o ao que um ambiente completo e integrado pode ser. Seja pela imensid\u00e3o de extens\u00f5es disponibilizados pela comunidade e pela microsoft, seja pelo seu design compacto e robusto. O Visual Studio Code, mesmo no mercado a t\u00e3o pouco tempo, 2015, conseguiu atrair uma grande quantidade de desenvolvedores que buscam por uma solu\u00e7\u00e3o convidativa e simples.<\/p>\n\n\n\n<p>Comentando sobre extens\u00f5es, o editor n\u00e3o seria completo sem elas. Apresento aqui 5 extens\u00f5es e mais algumas extras que podem auxiliar voc\u00ea ou sua equipe no dia a dia.<\/p>\n\n\n\n<h3 class=\"has-pale-pink-color has-text-color wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=MS-vsliveshare.vsliveshare-pack\" target=\"_blank\">Live share<\/a><\/h3>\n\n\n\n<p>A ferramenta busca trazer um ambiente colaborativo em tempo real para editar ou <em>debugar<\/em> c\u00f3digo no Visual Code. Trabalhar com um colega de classe ou de trabalho remotamente, seja em <em>pair-programming<\/em>, revis\u00e3o de c\u00f3digo ou para resolver um problema espec\u00edfico da empresa n\u00e3o \u00e9 mais um problema. Voc\u00ea se engana se acredita que seja apenas isso, n\u00e3o \u00e9 um simples editor remoto. Voc\u00ea consegue tamb\u00e9m, conversar via chat, compartilhar seu servidor e terminal local! Isso mesmo, al\u00e9m disso, voc\u00ea pode at\u00e9 convidar mais de uma pessoa para trabalhar coletivamente.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/visualstudio.microsoft.com\/wp-content\/uploads\/2018\/11\/v2-Edit-Comp_FINAL-optimized840.gif\" alt=\"\" \/><figcaption> Apresenta\u00e7\u00e3o do Live Share. <\/figcaption><\/figure><\/div>\n\n\n\n<p>A extens\u00e3o vem com um pacote:  <strong>Live Share, Live Share Audio, Live Share Chat e o Peacock . <\/strong>Que em conjunto traz essa ferramenta incr\u00edvel para trabalho remoto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=eamodio.gitlens\" target=\"_blank\">Git lens<\/a><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/eamodio\/vscode-gitlens\/master\/images\/docs\/gitlens-preview.gif\" alt=\"\" width=\"632\" height=\"522\" \/><figcaption> Apresenta\u00e7\u00e3o do Git Lens. <\/figcaption><\/figure><\/div>\n\n\n\n<p>Eu sabia que estava passando tempo de mais no terminal para realizar os comandos para<em> adicionar, &#8216;commitar&#8217; e realizar o push<\/em>. Foi quando percebi que precisava de uma ferramenta para automatizar esse processo, e no percurso saber mais informa\u00e7\u00f5es do hist\u00f3rico dos meus commits. O Git Lens me acolheu e me deu o poder do <em><strong>Git Supercharged<\/strong><\/em>, grandes insights das altera\u00e7\u00f5es do c\u00f3digo, um hist\u00f3rico de arquivo e linha, al\u00e9m de v\u00e1rias outras ferramentas. Com certeza, se voc\u00ea precisa avan\u00e7ar na utiliza\u00e7\u00e3o do git e precisa de mais dados sobre o progresso do seu <em>codebase<\/em>, essa \u00e9 uma ferramenta essencial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=lostintangent.vsls-whiteboard\" target=\"_blank\">Live share whiteboard<\/a><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=lostintangent.vsls-whiteboard\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/user-images.githubusercontent.com\/116461\/50567457-dddaba00-0cf9-11e9-840b-1b0a984d5ad9.gif\" alt=\"\" width=\"692\" height=\"271\" \/><\/a><figcaption>Apresenta\u00e7\u00e3o do Live Share Whiteboard.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Voc\u00ea j\u00e1 n\u00e3o entendeu algum conceito ou explica\u00e7\u00e3o, e seu professor ou mentor precisou sair do Visual Code para desenhar em outra ferramenta? A proposta da extens\u00e3o \u00e9 justamente essa, ter um &#8216;Quadro-Branco&#8217; colaborativo dentro do Visual Code, exatamente. Voc\u00ea pode agora, desenhar modelagens de banco de dados relacionais, arquitetura de software, ou mesmo realizar uma apresenta\u00e7\u00e3o para equipe.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\" Jira and Bitbucket  (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=Atlassian.atlascode\" target=\"_blank\"> Jira and bitbucket <\/a><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/bitbucket.org\/atlassianlabs\/atlascode\/raw\/master\/.readme\/dev-workflow.gif\" alt=\"\" width=\"710\" height=\"431\" \/><figcaption> Apresenta\u00e7\u00e3o do Jira and Bitbucket. <\/figcaption><\/figure><\/div>\n\n\n\n<p>O Atlassian criou sua pr\u00f3pria extens\u00e3o para o Visual Code Studio. Nela, voc\u00ea consegue ter acesso as Issues e Pull Request do Jira e Bitbucket. Al\u00e9m disso, por ela, voc\u00ea consegue criar suas pr\u00f3prias issues, pull requests, fazer revis\u00e3o de c\u00f3digo entre outras atividades.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\" CodeStream  (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=CodeStream.codestream\" target=\"_blank\"> CodeStream <\/a><\/h3>\n\n\n\n<p>A revis\u00e3o de c\u00f3digo ficou mais f\u00e1cil com o CodeStream, ele permite que voc\u00ea adicione coment\u00e1rios do c\u00f3digo de algum integrante da sua equipe e encaminhar diretamente para o Slack e Gitbucket.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/TeamCodeStream\/CodeStream\/master\/images\/animated\/SpatialVSC2.gif\" alt=\"\" \/><figcaption>  Apresenta\u00e7\u00e3o do Code Stream.  <\/figcaption><\/figure>\n\n\n\n<p>Voc\u00ea consegue discutir blocos de c\u00f3digo com sua equipe, deixar perguntas ou coment\u00e1rios em formato de marca\u00e7\u00e3o.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/TeamCodeStream\/CodeStream\/master\/images\/ShareOnSlack1.png\" alt=\"\" \/><figcaption>   Apresenta\u00e7\u00e3o do Code Stream com integra\u00e7\u00e3o com o Slack.   <\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Men\u00e7\u00f5es honrozas<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/media.giphy.com\/media\/xDpB3lRInUYla\/giphy.gif\" alt=\"\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\"Todo Tree (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=Gruntfuggly.todo-tree\" target=\"_blank\">Todo tree<\/a><\/h3>\n\n\n\n<p>Crie tags de TODO ou FIXME no seu c\u00f3digo para auxiliar outros(as) desenvolvedores(as) ao que precisa ser feito com Highlight.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" aria-label=\"Settings Sync (abre numa nova aba)\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=Shan.code-settings-sync\" target=\"_blank\">Settings sync<\/a><\/h3>\n\n\n\n<p>Sincronize todas as configura\u00e7\u00f5es do seu Visual Studio Code, extens\u00f5es, configura\u00e7\u00e3o do editor, cores, snippets, tudo que voc\u00ea precisa na nuvem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tem algum para compartilhar?<\/h3>\n\n\n\n<p>Essas s\u00e3o as que conhe\u00e7o, ferramentas que auxiliam bastante no trabalho remoto ou na produtividade do dia a dia. Se voc\u00ea conhece alguma, deixa um coment\u00e1rio abaixo ou <a rel=\"noreferrer noopener\" aria-label=\"manda um Tweet (abre numa nova aba)\" href=\"https:\/\/twitter.com\/DheysonAlves2\" target=\"_blank\">manda um Tweet<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apresento 5 extens\u00f5es do Visual Studio Code para auxiliar no trabalho colaborativo.<\/p>\n","protected":false},"author":1,"featured_media":317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[16,19,17,15,18],"class_list":["post-315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","tag-colaboracao","tag-extensoes","tag-produtividade","tag-programacao","tag-visualstudiocode"],"_links":{"self":[{"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/posts\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":14,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/posts\/315\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/posts\/315\/revisions\/337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/media\/317"}],"wp:attachment":[{"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/categories?post=315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.softmakers.com.br\/index.php\/wp-json\/wp\/v2\/tags?post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}