Minhas Extensões do Visual Studio Code

Nando Salles
4 min readMar 21, 2018

Olá devs.

Atualmente estou utilizando o Visual Studio Code para desenvolver aplicações em Laravel.

A lista abaixo refere-se às extensões que tenho hoje instalado no meu ambiente e que gostaria de compartilhar com vocês.

Vamos a ela…

Extensões:

  • Apache Conf — Extensão que dá suporte para edição dos arquivos de configuração do servidor Apache.
  • Auto Close Tag — Faz com que as tags de fechamento sejam colocadas automaticamente quando estamos escrevendo html.
  • Debugger for Chrome — Extensão que permite debugar código javascript no Chrome. É necessário também instalar uma extensão no navegador. Sugiro o XDebug Helper.
  • DotEnv — Aplica syntax highlight em arquivos .env.
  • Excel Viewer — Esta extensão permite visualizar os dados de uma planilha em excel de dentro do VSCode. Utilizo este recurso principalmente quando necessito importar dados em CSV para dentro das tabelas de um banco de dados.
  • Git Blame — Exibe na barra de status do VSCode informações sobre o git blame.
  • Git History — Esta extensão mostra o história (log) dos commits realizados no Github, BitBucket entre outros.
  • Git Merger — Com esta extensão você pode fazer o merge entre branches do seu projeto.
  • Git Tags — Esta extensão permite que você manipule as tags dos commits do seu projeto.
  • Git: Add Remote — Esta extensão lhe ajudará adicionar novos endereços remotos para que você possa ter mais de um repositório no seu projeto.
  • IntelliSense for CSS class name in HTML — Fornece o preenchimento de nome de classe CSS para o atributo de classe HTML com base nas definições encontradas em sua área de trabalho ou arquivos externos referenciados por meio do elemento de link.
  • laravel-blade — Com esta extensão você terá o syntax highlight nos arquivos blade do laravel.
  • PHP Debug — Instala um adaptador para que você tenha um debugador do PHP no seu VSCode.
  • PHP IntelliSense — Implementa uma série de funcionalidades para se tratalhar com mais produtividade com PHP.
  • Settings Sync — Esta extensão fantástica faz a sincronização dos settings do VSCode no seu github. Com isto se você utiliza vários computadores para trabalhar, sempre poderá manter todos com as mesmas configurações do VSCode.
  • Sort JSON Objects — Esta extensão, como o nome já sugere, ordena os elementos de um JSON. Utilizo muito, mas não somente, para deixar os meus settings devidamente organizado e ordenado.
  • Sort lines — Esta extensão é muito útil para você fazer ordenações de textos dos mais diversos tipos dentro do seu VSCode.

UPDATE 2018–03–22

Olá pessoal, adicionei mais algumas extensões interessantes para serem instaladas no seu VSCode. Segue a lista …

UPDATE 2018–04–06

Mais algumas extensões interessantes que estou testando/usando…

Temas:

Icones:

E atualmente o meus settings estão com a seguinte configuração:

My VSCode Settings

E você?

Utiliza algum plugin bacana para seus desenvolvimento em Laravel, PHP, HTML, CSS, JS … ???

Deixe sua indicação ai nos comentários.

E vê se não esquece de dar um Clap ok :)

Abraços e até a próxima.

--

--

Nando Salles

Laravel, Web Developer, Master in Mechanical Engineering, MBA in People Management, Bachelor in Computing, Photographer, Professor and Technology Lover.