<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Talita Azevedo</title>
    <description>The latest articles on Forem by Talita Azevedo (@tnazevedo).</description>
    <link>https://forem.com/tnazevedo</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F337340%2F811605f4-f11f-4f72-9642-60c86d002d57.jpeg</url>
      <title>Forem: Talita Azevedo</title>
      <link>https://forem.com/tnazevedo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/tnazevedo"/>
    <language>en</language>
    <item>
      <title>VSCODE: extensões épicas, para se tornar um super-herói e salvar o dia (a última extensão é a melhor).</title>
      <dc:creator>Talita Azevedo</dc:creator>
      <pubDate>Fri, 08 May 2020 21:16:45 +0000</pubDate>
      <link>https://forem.com/womakerscode/vscode-extensoes-epicas-para-se-tornar-um-super-heroi-e-salvar-o-dia-a-ultima-extensao-e-a-melhor-44hp</link>
      <guid>https://forem.com/womakerscode/vscode-extensoes-epicas-para-se-tornar-um-super-heroi-e-salvar-o-dia-a-ultima-extensao-e-a-melhor-44hp</guid>
      <description>&lt;p&gt;Hei Devs,&lt;/p&gt;

&lt;p&gt;Hoje irei trazer algumas extensões épicas para &lt;code&gt;visual studio code&lt;/code&gt;, entre todas a última é sensacional, sempre pesquisei bastante sobre isso e com as experiências do dia-a-dia, algumas extensões salvaram meu dia, espero que ajude vocês também, desejo a todos uma boa leitura.&lt;/p&gt;

&lt;h2&gt;
  
  
  Better Comments
&lt;/h2&gt;

&lt;p&gt;Esta extensão ajuda muito na visualização de informações importantes nos &lt;code&gt;comentários&lt;/code&gt;, como &lt;code&gt;tarefas&lt;/code&gt;, &lt;code&gt;alerta&lt;/code&gt;, &lt;code&gt;perguntas&lt;/code&gt;, &lt;code&gt;parâmetros&lt;/code&gt;, se você escreve muitos comentários em suas &lt;code&gt;funções&lt;/code&gt; e &lt;code&gt;métodos&lt;/code&gt;, essa extensão é ideal.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F859lc85cpy2cfi5c0vme.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F859lc85cpy2cfi5c0vme.gif" alt="Better Comments"&gt;&lt;/a&gt;&lt;br&gt;
Saiba mais acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments" rel="noopener noreferrer"&gt;Better Comments&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Color Highlight
&lt;/h2&gt;

&lt;p&gt;Simples e precisa, mostra, cores em volta do hexadecimal, escrito com &lt;code&gt;CSS&lt;/code&gt;. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F5b76muqmwxkc221rs0da.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F5b76muqmwxkc221rs0da.gif" alt="Color Highlight"&gt;&lt;/a&gt;&lt;br&gt;
Saiba mais acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight" rel="noopener noreferrer"&gt;Color Highlight&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Bookmarks
&lt;/h2&gt;

&lt;p&gt;Por que não Marcar trechos de código, a extensão&lt;code&gt;Bookmarks&lt;/code&gt; facilita a navegação marcando blocos de código bem como &lt;code&gt;funções&lt;/code&gt;, &lt;code&gt;métodos&lt;/code&gt; e até &lt;code&gt;classes inteiras&lt;/code&gt;, assim facilita seu trabalho de visualização inclusive se você trabalha com arquivos de &lt;code&gt;log&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fp8d60aa48lj8x33pdeu1.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fp8d60aa48lj8x33pdeu1.gif" alt="Bookmarks"&gt;&lt;/a&gt;&lt;br&gt;
Saiba mais acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks" rel="noopener noreferrer"&gt;Bookmarks&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Eslint
&lt;/h2&gt;

&lt;p&gt;O que dizer esta extensão ela é incrível, quando bem configurada está extensão atua epicamente buscando erros comuns no código, de tal modo, adicionando aquele ponto e virgula no final de linha &lt;code&gt;;&lt;/code&gt;, ou aquela tipagem de variável que esquecemos com frequência, o &lt;code&gt;ESlint&lt;/code&gt; é como um &lt;code&gt;x9&lt;/code&gt; ,não te deixa esconder nada.&lt;/p&gt;

&lt;p&gt;O &lt;code&gt;ESlint&lt;/code&gt; pode ser utilizado como formatador, também,  em outra postagem  irei exemplificar melhor sobre como configurar essa extensão incrível.&lt;/p&gt;

&lt;p&gt;Saiba mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" rel="noopener noreferrer"&gt;ESLint&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Prettier Code Formatter
&lt;/h2&gt;

&lt;p&gt;Esta extensão  como o próprio nome já diz, faz a formatação do código, deixa ele mais harmônico. Inclusive quando configurado para trabalhar com o &lt;code&gt;ESlint&lt;/code&gt;, você tem duas ferramentas &lt;code&gt;poderosíssimas&lt;/code&gt; na mão.&lt;/p&gt;

&lt;p&gt;Saiba mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" rel="noopener noreferrer"&gt;Prettier - Code formatter&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  GitLens
&lt;/h2&gt;

&lt;p&gt;Essa extensão poderosa proporciona uma experiência completa e visual, é épica. Ela auxilia você que trabalha com versionamento de código, entre suas funcionalidades existem: histórico das alterações recentes, auditoria de código, pesquisa.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkwsjqzeacle81g95h1p3.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkwsjqzeacle81g95h1p3.gif" alt="Git Lens - demo "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Saiba mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" rel="noopener noreferrer"&gt;GitLens - Git supercharged&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  VSCode HackerTyper
&lt;/h2&gt;

&lt;p&gt;Extensão muito divertida, gravação de macros no seu código, depois de gravadas as, &lt;code&gt;macros&lt;/code&gt; são entre suas funcionalidades existentes estão: reprodução de macros, velocidade de reprodução, inserção de breakpoints.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdqtgjny3yt5h50ockxey.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdqtgjny3yt5h50ockxey.gif" alt="HackerTyper"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Saiba mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=jevakallio.vscode-hacker-typer" rel="noopener noreferrer"&gt;VSCode Hacker Typer&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Docker
&lt;/h2&gt;

&lt;p&gt;Está extensão facilita muito, a criação e gerenciamento de contêineres, pois te apresenta as informações de forma muito intuitiva no &lt;code&gt;visual studio code&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fz5sqqe40cdp4k1qjjgba.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fz5sqqe40cdp4k1qjjgba.gif" alt="Docker-demo"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Saiba mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker" rel="noopener noreferrer"&gt;Docker&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Live Server
&lt;/h2&gt;

&lt;p&gt;Isso mesmo você não leu errado &lt;code&gt;Live Server&lt;/code&gt;, é uma extensão que basicamente cria um servidor ao vivo &lt;code&gt;fake&lt;/code&gt;, para rodar sua aplicação (site), sem a necessidade de se comunicar com um &lt;code&gt;servidor (backend)&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fritwickdey%2Fvscode-live-server%2Fraw%2Fmaster%2Fimages%2FScreenshot%2Fvscode-live-server-animated-demo.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fritwickdey%2Fvscode-live-server%2Fraw%2Fmaster%2Fimages%2FScreenshot%2Fvscode-live-server-animated-demo.gif" alt="Live Server"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Saiba mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" rel="noopener noreferrer"&gt; Clique aqui Live Server&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  VSCODE POWER MODE!!!
&lt;/h2&gt;

&lt;p&gt;Por último, porém não menos importante nas imagens acima, você deve ter visto, algumas &lt;code&gt;chamas(flames)&lt;/code&gt; no momento de digitação do código, este efeito é possível com a extensão &lt;code&gt;VSCODE POWER MODE&lt;/code&gt;, com ela a dopamina vai longe.&lt;/p&gt;

&lt;p&gt;Saiba Mais, acesse o site da extensão: &lt;a href="https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode" rel="noopener noreferrer"&gt;Power Mode&lt;/a&gt;&lt;/p&gt;
Cover Photo by Dlanor S on Unsplash



</description>
      <category>javascript</category>
      <category>react</category>
      <category>vscode</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>Test</title>
      <dc:creator>Talita Azevedo</dc:creator>
      <pubDate>Sat, 02 May 2020 12:54:26 +0000</pubDate>
      <link>https://forem.com/tnazevedo/test-5fgn</link>
      <guid>https://forem.com/tnazevedo/test-5fgn</guid>
      <description>

</description>
    </item>
  </channel>
</rss>
