{"componentChunkName":"component---src-templates-blog-post-js","path":"/en/writing/vscode-extentions/","result":{"data":{"site":{"siteMetadata":{"title":"Um site de um desenvolvedor de software","author":"Dheyson L. Alves","description":"Um site sobre computação e desenvolvimento","charSet":"utf8"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"Home\":\"Home\",\"Escrita\":\"Writing\",\"Portfólio\":\"Portfolio\",\"Sobre\":\"About\",\"Últimas publicações\":\"Latest Posts\",\"Engenheiro de Software com mais de 3 anos de experiência na indústria. Ajudando empresas de diferentes nichos a atingir seu potencial com aplicativos de software.\":\"Software Engineer with more than 3 years of experience in the industry. Helping companies from different niches to reach their potential with software applications.\",\"Codando. Escrevendo. Aprendendo. Ensinando.\":\"Coding. Writing. Learning. Teaching.\",\"CSS, JAVASCRIPT, TYPESCRIPT, REACT E FRONT-END NO GERAL.\":\"CSS, JAVASCRIPT, TYPESCRIPT, REACT AND FRONT-END WORLD.\",\"Front-End Engineer\":\"Front-End Engineer\",\"Opa, e ai?\":\"Hey, what's up\",\"Página principal\":\"Main page\",\"Alguns artigos que escrevi\":\"Some articles I wrote\",\"Meus atuais projetos\":\"My current projects\",\"Que tal acender a luz?\":\"How about turning on the light?\",\"Que tal apagar a luz?\":\"How about turning off the light?\",\"Logo do Linkedin rede social\":\"Linkedin logo social network\",\"Minha rede profissional\":\"My professional network\",\"Logo do passado com cor branca do twitter\":\"Logo of the past with twitter color white\",\"Quer trocar uma ideia?, manda dm\":\"Want to exchange an idea?, send a dm\",\"social media\":\"Social Media\",\"Boa parte dos meus projetos\":\"Most of my projects\",\"Logo quadrada com fundo preto com texto DEV no meio de cor branca\":\"Square logo with black background with DEV text in the middle of white color\",\"Meus outros artigos em inglês\":\"My other articles in English\",\"Logo quadrada com fundo preto com símbolo de controle no meio\":\"Square logo with black background with control symbol in the middle\",\"Comunidade do discord da Coffer\":\"Coffer's discord community\",\"Todas as publicações\":\"All publications\",\"Postado em\":\"Posted in\",\"Uma página de erro que poderia encontrar a solicitação.\":\"An error page that could find the request.\",\"Ah não! Algo está errado...\":\"Oh no! Something is wrong...\",\"Você clicou em uma rota que não existe ... que pena.\":\"You clicked on a route that doesn't exist... what a pity.\",\"Dheyson L. Alves - Sobre\":\"Dheyson L. Alves - About\",\"Olá, sou Dheyson L. Alves\":\"Hi, I am Dheyson L. Alves\",\"Engenheiro de Software com 3 anos de experiência na indústria. Ajudando empresas de diferentes origens aatingir seu potencial com aplicativos de software.\":\"Software Engineer with 3 years of experience in the industry. Helping companies from different backgrounds reach their potential with software applications.\",\"Além disso, criei com estudantes universitários uma comunidade de desenvolvedores chamada CofferHub. Foco em ensinar e aprender juntos. Fico entusiasmado com as oportunidades em que posso trabalhar com produtos que impactam muitas pessoas. Além disso, trabalhar com uma equipe com uma mentalidade de crescimento e aprendizado.\":\"In addition, I created with college students a developer community called CofferHub. Focus on teaching and learning together. I am excited about the opportunities where I can work with products that impact many people. Also, working with a team with a growth and learning mindset.\",\"minutos de leitura\":\"reading time\",\"Escrito por\":\"Written by\",\"Pesquise por tags\":\"Search by tags\",\"artigo\":\"article\",\"artigos\":\"articles\",\"Artigo não encontrado\":\"Article not found\",\"Parece que você chegou a uma pesquisa que não existe. Por favor, use a navegação acima ou pesquise acima para encontrar o caminho de volta ao nosso site daora.\":\"It looks like you've come to a search that doesn't exist. Please use the navigation above or search above to find your way back to our cool website.\",\"Mais Artigos\":\"More Articles\"}","language":"en"}}]},"markdownRemark":{"id":"d09d3859-06c6-5cf0-911a-fec0f59c58d6","excerpt":"Edição de texto. Redefinida Esse é o slogan da página inicial do Visual Studio Code. Na minha jordana, por IDE’s e editores de texto, nenhum deles mudou minha…","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/f5e00629346b15f61589d69ebb3a5219/7771e/vscode-base.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 56.08108108108109%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHOSsEYUX//xAAZEAACAwEAAAAAAAAAAAAAAAAAAQIQEUH/2gAIAQEAAQUCZzWTWX//xAAVEQEBAAAAAAAAAAAAAAAAAAAREP/aAAgBAwEBPwFZ/8QAFREBAQAAAAAAAAAAAAAAAAAAEDH/2gAIAQIBAT8Bh//EABYQAAMAAAAAAAAAAAAAAAAAABAgMf/aAAgBAQAGPwIVP//EABoQAAICAwAAAAAAAAAAAAAAAAABEBExQcH/2gAIAQEAAT8h5gkYdCLUbj//2gAMAwEAAgADAAAAEJjP/8QAFhEAAwAAAAAAAAAAAAAAAAAAARAx/9oACAEDAQE/EBRf/8QAFhEBAQEAAAAAAAAAAAAAAAAAAREQ/9oACAECAQE/EEqOf//EABsQAQACAgMAAAAAAAAAAAAAAAEAESExEFHR/9oACAEBAAE/EFThsINUc6g1BdCzENV7Hh//2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Visual Studio Extentions\"\n        title=\"Visual Studio Extentions\"\n        src=\"/static/f5e00629346b15f61589d69ebb3a5219/1c72d/vscode-base.jpg\"\n        srcset=\"/static/f5e00629346b15f61589d69ebb3a5219/a80bd/vscode-base.jpg 148w,\n/static/f5e00629346b15f61589d69ebb3a5219/1c91a/vscode-base.jpg 295w,\n/static/f5e00629346b15f61589d69ebb3a5219/1c72d/vscode-base.jpg 590w,\n/static/f5e00629346b15f61589d69ebb3a5219/a8a14/vscode-base.jpg 885w,\n/static/f5e00629346b15f61589d69ebb3a5219/fbd2c/vscode-base.jpg 1180w,\n/static/f5e00629346b15f61589d69ebb3a5219/7771e/vscode-base.jpg 1316w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h2>Edição de texto. Redefinida</h2>\n<p>Esse é o slogan da página inicial do Visual Studio Code. Na minha jordana, por IDE’s e editores de texto, nenhum deles mudou minha concepção ao que um ambiente completo e integrado pode ser. Seja pela imensidão de extensões disponibilizados pela comunidade e pela microsoft, seja pelo seu design compacto e robusto. O Visual Studio Code, mesmo no mercado a tão pouco tempo, 2015, conseguiu atrair uma grande quantidade de desenvolvedores que buscam por uma solução convidativa e simples.</p>\n<p>Comentando sobre extensões, o editor não seria completo sem elas. Apresento aqui 5 extensões e mais algumas extras que podem auxiliar você ou sua equipe no dia a dia.</p>\n<h3><a href=\"https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack\">Live share</a></h3>\n<p>A ferramenta busca trazer um ambiente colaborativo em tempo real para editar ou debugar código no Visual Code. Trabalhar com um colega de classe ou de trabalho remotamente, seja em pair-programming, revisão de código ou para resolver um problema específico da empresa não é mais um problema. Você se engana se acredita que seja apenas isso, não é um simples editor remoto. Você consegue também, conversar via chat, compartilhar seu servidor e terminal local! Isso mesmo, além disso, você pode até convidar mais de uma pessoa para trabalhar coletivamente.</p>\n<p><img src=\"/57b825ad55721f5876228a50c187610f/liveshare.gif\" alt=\"Live Share\"></p>\n<p>A extensão vem com um pacote: Live Share, Live Share Audio, Live Share Chat e o Peacock . Que em conjunto traz essa ferramenta incrível para trabalho remoto.</p>\n<h3><a href=\"https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens\">Git Lens</a></h3>\n<p><img src=\"/0d2d9a58f23bd32743c7858792488955/gitlens.gif\" alt=\"Git lens\"></p>\n<p>Eu sabia que estava passando tempo de mais no terminal para realizar os comandos para adicionar, ‘commitar’ e realizar o push. Foi quando percebi que precisava de uma ferramenta para automatizar esse processo, e no percurso saber mais informações do histórico dos meus commits. O Git Lens me acolheu e me deu o poder do Git Supercharged, grandes insights das alterações do código, um histórico de arquivo e linha, além de várias outras ferramentas. Com certeza, se você precisa avançar na utilização do git e precisa de mais dados sobre o progresso do seu codebase, essa é uma ferramenta essencial.</p>\n<h3><a href=\"https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack\">Live share whiteboard</a></h3>\n<p><img src=\"/93f16456df24785d88bb3dcce188cc15/live-share-whiteboard.gif\" alt=\"Live share whiteboard\"></p>\n<p>Você já não entendeu algum conceito ou explicação, e seu professor ou mentor precisou sair do Visual Code para desenhar em outra ferramenta? A proposta da extensão é justamente essa, ter um ‘Quadro-Branco’ colaborativo dentro do Visual Code, exatamente. Você pode agora, desenhar modelagens de banco de dados relacionais, arquitetura de software, ou mesmo realizar uma apresentação para equipe.</p>\n<h3><a href=\"https://marketplace.visualstudio.com/items?itemName=Atlassian.atlascode\">Jira and Bitbucket</a></h3>\n<p><img src=\"/712ce6f6ed39da067ce05bf73abe45e7/jira-bitbucket.gif\" alt=\"Jira and Bitbucket\"></p>\n<p>O Atlassian criou sua própria extensão para o Visual Code Studio. Nela, você consegue ter acesso as Issues e Pull Request do Jira e Bitbucket. Além disso, por ela, você consegue criar suas próprias issues, pull requests, fazer revisão de código entre outras atividades.</p>\n<h3><a href=\"https://marketplace.visualstudio.com/items?itemName=CodeStream.codestream\">CodeStream</a></h3>\n<p><img src=\"/d2762bd79502f6b84ebb059fc2210b8a/codestream.gif\" alt=\"CodeStream\"></p>\n<p>A revisão de código ficou mais fácil com o CodeStream, ele permite que você adicione comentários do código de algum integrante da sua equipe e encaminhar diretamente para o Slack e Gitbucket.</p>\n<p>Você consegue discutir blocos de código com sua equipe, deixar perguntas ou comentários em formato de marcação.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 470px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/6ae1aa891553170175ef1e5c0e74eac4/f96db/slack-share.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 38.513513513513516%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAAsTAAALEwEAmpwYAAABFElEQVQY021Q226DMBTj/9+m/cG+ZtJeaTUJwYAEQii5EUi4twb6MG21InAgto8TfH5dSsYoJQUtugPTNG3btizLuq7TK4zjiF9xHAfvbx+X6/dPkkRRRAhhjHHO67qWUoLg6P0fYI1nnufBNA7GmL7vz9j2gBACMoSf516KsywL8OIVp4QmCeITigJYhCilrLXeezhqrREwDAM4CLawfoq3ZfW9a7UWtwZECtEAtwZjmwNVVaGIcw4fWclgjUnTNN3FynW8M42z0nfMaj3uaUiGAwSogBGgh8vvsZ/idvAQV1azVvFuF3vnocR48zzj5kCwhePfC4MxKmIVlOZpVtJCS6SqvZvRp/LsjI/iAIzAwzB8AKLTwzlhw78TAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Slack Share\"\n        title=\"Slack Share\"\n        src=\"/static/6ae1aa891553170175ef1e5c0e74eac4/f96db/slack-share.png\"\n        srcset=\"/static/6ae1aa891553170175ef1e5c0e74eac4/12f09/slack-share.png 148w,\n/static/6ae1aa891553170175ef1e5c0e74eac4/e4a3f/slack-share.png 295w,\n/static/6ae1aa891553170175ef1e5c0e74eac4/f96db/slack-share.png 470w\"\n        sizes=\"(max-width: 470px) 100vw, 470px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h2>Tem algum para compartilhar</h2>\n<p>Essas são as que conheço, ferramentas que auxiliam bastante no trabalho remoto ou na produtividade do dia a dia. Se você conhece alguma, deixa um comentário abaixo.</p>\n<p>I have an english version too!</p>\n<ul>\n<li><a href=\"https://dev.to/dheyson/5-essential-visual-studio-code-extensions-for-collaborative-work-59ba\">5 Essential Visual Studio Code Extensions for Collaborative Work</a></li>\n</ul>","timeToRead":3,"frontmatter":{"title":"5 Extensões essenciais do Visual Studio Code para Trabalho Colaborativo","date":"May 05, 2020","description":"Apresento aqui 5 extensões e mais algumas extras que podem auxiliar você ou sua equipe no dia a dia.","tags":["GERAL","PRODUTIVIDADE"]}}},"pageContext":{"slug":"/vscode-extentions/","previous":null,"next":{"fields":{"slug":"/introduction/"},"frontmatter":{"title":"Minha Documentação pessoal","tags":["GERAL"]}},"language":"en","i18n":{"language":"en","languages":["pt","en"],"defaultLanguage":"pt","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/writing/vscode-extentions/","path":"en/writing/vscode-extentions/"}}},"staticQueryHashes":["63159454"]}