Dicas de Visual Studio Code: testes com browser interno, geração de GUIDs | pt 12
Este é o décimo segundo artigo da série que venho produzindo com dicas, truques e novidades no uso do Visual Studio Code. Nos próximos links estão listados os posts anteriores, caso você que esteja visualizando esse conteúdo deseje acessá-los ou até revê-los:
Dicas de Visual Studio Code: extensões Deprecated, painel Problems, Marketplace | pt 11
Dicas de Visual Studio Code: diagramas para Kubernetes e abrindo arquivos no browser | pt 10
Dicas de Visual Studio Code: criando diagramas de arquitetura | pt9
Dicas de Visual Studio Code: testes de carga e geração de senhas fortes | pt8
Dicas de Visual Studio Code: To-do list e comparação de arquivos | pt7
Dicas de Visual Studio Code: Git Graph e acessando repositórios Git no browser | pt6
Dicas de Visual Studio Code: integração com Git via Terminal e Kubernetes Templates | pt5
Dicas de Visual Studio Code: testes de APIs REST e integração com Azure DevOps | pt4
Dicas de Visual Studio Code: extensões para MongoDB e Git | pt3
Dicas de Visual Studio Code: extensões para Redis e geração de arquivos .gitignore | pt2
Dicas de Visual Studio Code: extensão para Kubernetes | pt 1
Simple Browser: testes com o browser interno do VS Code
Muito utilizado no desenvolvimento Web com as mais variadas stacks, o Visual Studio Code hoje é uma das ferramentas mais populares empregadas na implementação de sites e APIs REST. E muito do trabalho na construção dessas aplicações passa por testes via browser, com o navegador padrão sendo acionado quando da execução das mesmas por meio de alguma extensão com a capacidade de debugging.
E se pudéssemos então realizar testes dentro do próprio Visual Studio Code, abrindo uma janela que permita a navegação por uma aplicação Web e com a mesma experiência oferecida por um browser?
A resposta a esse questionamento está na funcionalidade Simple Browser, um browser interno nativo do próprio VS Code e que pode ser acionado a partir da Command Palette (menu View):
Na imagem a seguir podemos observar a janela Simple Browser exibindo o conteúdo HTML gerado por uma aplicação ASP.NET Core, com a mesma executando na porta 5000:
Já a animação a seguir aborda este mesmo exemplo, demonstrando o uso da funcionalidade Simple Browser passo a passo:
Geração de GUIDs
GUIDs (Globally Unique Identifiers) são comumente empregados como valores para itens de configuração, prestando-se até mesmo à definição de chaves e tokens de acesso. Muitas ferramentas de desenvolvimento contam com funcionalidades para a geração desses valores e, como era de se esperar, o Visual Studio Code também possui um plugin com esta capacidade… Trata-se da extensão Insert GUID:
Ao instalarmos essa extensão aparecerá na Command Palette (menu View) a opção Insert GUID:
Na próxima animação podemos observar a geração de GUIDs com este plugin:
