Pular para o conteúdo principal

Visual Studio Code

vscode

O Visual Studio Code (VS Code) pode ser considerado uma IDE (Integrated Development Environment) em muitos aspectos, embora alguns puristas possam argumentar que ele é mais um editor de texto avançado com recursos de IDE.

No entanto, o VS Code oferece uma ampla gama de recursos que você normalmente encontraria em uma IDE, como:

  • Realce de sintaxe: Destaca a sintaxe do código para facilitar a leitura.

  • Integração com controle de versão: Integração com sistemas de controle de versão como Git, permitindo gerenciar alterações de código diretamente do ambiente de desenvolvimento.

  • Depuração integrada: Suporte para depuração de código diretamente no editor.

  • Gerenciamento de pacotes e extensões: Possibilidade de instalar extensões para adicionar funcionalidades adicionais, como suporte a linguagens de programação específicas, ferramentas de depuração e integração com serviços de nuvem.

  • Terminal integrado: Permite executar comandos diretamente do VS Code, facilitando tarefas como compilação, execução de scripts e execução de comandos do Git.

  • IntelliSense: Recurso de sugestão de código que ajuda a escrever código mais rapidamente, fornecendo sugestões de código, completando automaticamente palavras-chave e fornecendo informações sobre parâmetros de função e métodos.

Apesar de existirem alguns concorrentes do Visual Studio Code, nenhum deles conseguiu alcançar sua mesma popularidade. Considerado por muitos desenvolvedores como o melhor editor de código atualmente disponível, o Visual Studio Code se destaca pela sua facilidade de uso, recursos poderosos e uma ampla comunidade de desenvolvedores que contribuem constantemente com novas extensões e melhorias. Além disso, por ser um software de código aberto, o VS Code oferece a flexibilidade de ser customizado e estendido conforme as necessidades específicas de cada usuário.

Uma das principais vantagens em utilizar este editor é a vasta gama de extensões disponíveis, que expandem significativamente suas funcionalidades e o tornam ainda mais poderoso. Sua interface amigável, facilidade de instalação e configuração, aliadas ao suporte constante da comunidade e às atualizações regulares, consolidam o Visual Studio Code como a escolha preferida entre os desenvolvedores.

Visual Studio Code vs Visual Studio​

O "Visual Studio Code" e o "Visual Studio" são duas ferramentas diferentes, embora compartilhem parte do nome e sejam ambas desenvolvidas pela Microsoft. Eles têm propósitos diferentes e são voltados para diferentes tipos de desenvolvimento.

A principal diferença entre o "VS Code" e o "Visual Studio" está na abrangência e no foco das ferramentas. O "Visual Studio" é uma IDE completa com uma ampla gama de recursos para desenvolvimento de software, enquanto o "Visual Studio Code" é um editor de código mais leve e flexível, projetado principalmente para edição de código.

O Visual Studio seria o concorrente do IntelliJ IDEA e do XCode e não do VS Code. São ferramentas para desenvolvimento de softwares embora muitos programadores gostem do VS Code com os plugins certos instalados.

O IntelliJ IDEA, desenvolvimento pela JetBrains, é uma ótima IDE, mas é paga. Foi desenvolvida inicialmente para trabalhar com Java, mas hoje em dia funciona para qualquer linguagem. Se você é programador acho que vale a pena dar uma chance para esta IDE, especialmente se a sua empresa oferecer a licença que não custa barato. O grande problema de testar é gostar! Gostar do que é caro é muito fácil...

Instalação VS Code​

A instalação do VS Code é muito simples, uma pesquisa rápida na Internet já mostra como fazer.

Uma recomendação é que se instale os repositórios da Microsoft para fazer instalação via pacote invés de instalar o .deb ou .rpm, facilitando na atualização. Também esta disponível via snap e flatpak caso prefira.

Antes de começar a programar, você pode personalizar sua experiência no VS Code. Vá para as “Configurações” clicando em “File” e selecionando “Preferences” > “Settings”. Aqui, você pode personalizar diversos aspectos do editor, como fonte, tema e atalhos de teclado.

Plugins VS Code​

O VS Code turbinado com os plugins certos melhora bastante a produtividade. Cada pessoa possui uma ambiente diferente, mas vou deixar uma lista de alguns interessantes.

Plugins de Uso Geral​

  • Dracula Theme ótimo tema para programar.

  • Material Icon Theme coloca os ícones nos diferentes tipos de arquivos.

  • YAML ajuda bastante com na formatação e validação do arquivos yaml.

  • json bom para analisar os arquivos json.

  • markdownlint de regras para incentivar padrões e consistência para arquivos Markdown.

  • Peacock coloca cores das bordas do VS Code de acordo com o projeto. Ajuda bastante quando temos várias instâncias abertas do VS Code com projetos diferentes facilitando a identificação.

  • Excalidraw criando um arquivo .excalidraw conseguirá utilizar o Excalidraw dentro do vs code sem precisar abrir um navegador para isso e poderá salvar o arquivo junto com o projeto.

  • WSL é essencial caso esteja utilizando o Windows Subsystem for Linux. Abre o projeto dentro do WSL no VS Code instalado no Windows.

  • Remote - SSH permite que trabalhar em outras máquinas usando o protocolo SSH. Ela proporciona uma experiência de desenvolvimento perfeita, permitindo que você edite arquivos, execute comandos e depure aplicativos diretamente da instância local do VS Code em ambientes remotos.

  • Remote Explorer complementa Remote SSH acima.

  • GitLens dá uma turbinada no controle do git.

  • Prettier - Code formatter. Formatador de código que impõe um estilo de código consistente em todos os seus projetos. Compatível com várias linguagens de programação e formata automaticamente o código de acordo com regras predefinidas, melhorando a legibilidade e reduzindo os conflitos relacionados ao estilo.

  • Code Spell Checker é um corretor ortográfico básico. Não chega a conferir gramaticalmente uma frase, mas ajuda a não cometer erros de digitação simples.

  • Brazilian Portuguese - Code Spell Checker para o Code Spell Checker conferir palavras em português.

  • vs code-pdf visualiza pdf dentro do VS Code.

  • Path Intellisense completa os nomes e paths dos arquivos automaticamente.

  • Regex Previewer ajuda a conferir se o regex está funcionando como deveria.

  • Better Comments criar comentários mais amigáveis ​​em seu código.

  • indent-rainbow coloriza o código para mostrar a indentação, facilitando a visualização das hierarquias.

  • Guides adiciona linhas guias para facilitar a visualização de indentação e espaçamento no código.

  • Svg Preview permite visualizar arquivos SVG diretamente no VS Code.

  • CodeSnap usado para tirar belas capturas de tela do seu código no VS Code.

  • EditorConfig for VS Code permite que você defina e compartilhe as regras de formatação do seu código entre diferentes editores e equipes de desenvolvimento. Com essa extensão você pode garantir a consistência do estilo de código em todos os projetos.

  • Vim irá juntar o melhor do NeoVim com o melhor do VS Code.

  • DotENV

  • psioniq File Header insere um cabeçalho no topo do arquivo. Requer um tempo de configuração, mas é muito útil.

    • /*
      * File: \Users\me\Development\psioniq\myProject\src\myPrecious.js
      * Project: \Users\me\Development\psioniq\myProject
      * Created Date: Saturday December 31 2016
      * Author: Arthur Bodkin, esq
      * -----
      * Last Modified: Sunday January 01 2017
      * Modified By: Tammy Bodkin
      * -----
      * Copyright (c) 2016 psioniq Global Enterprises, Inc
      */

Plugins de tools​

Plugins que ajudam bastante para trabalhar como DevOps.

  • Docker facilita a criação, o gerenciamento e a implantação de aplicativos em contêineres.
  • Dev Containers ajuda na criação de Dockerfiles.
  • Kubernetes permite a visualização dos objetos do cluster cria possui vários templates prontos para criar os manifestos.
  • HashiCorp Terraform melhora bastante o desenvolvimento usando o terraform.
  • Ansible facilita nas criação de playbooks.
  • Vagrant facilita no gerenciamento das máquinas e na sintaxe do Vagrantfile.
  • Packer facilita na sintaxe dos arquivos .pkr.hcl.

Plugins de Linguagens​

Para trabalhar com desenvolvimento web.

  • Auto Close Tag fecha automaticamente tags HTML/XML, economizando tempo ao programar.
  • Auto Rename Tag renomeia automaticamente a tag correspondente, mantendo consistência no código.
  • ESLint: identifica e corrige problemas de código JavaScript/TypeScript seguindo regras e padrões predefinidos.
  • Live Server inicia um servidor de desenvolvimento local em seu navegador da Web padrão usando um número de porta. Sempre que você fizer alterações em arquivos como HTML, CSS ou JavaScript, as alterações.

Plugins de Repos e Pipelines​

  • GitLab Workflow integra o GitLab no VS Code e ajuda no desenvolvimento de pipelines usando o gitlab-ci.

  • GitHub Actions ajuda na criação e depuração de pipelines usando o GitHub Actions.