Eu quero simplesmente abrir o navegador testando meus projetos em PHP no XAMPP, dá pra fazer isto manualmente mas uma hora a gente cansa e vai atrás da automação!
No diretório do seu projeto ".vscode" crie o arquivo "tasks.json" e cole as instruções abaixo:
--bof----------------
{
"version": "2.0.0",
"tasks": [
{
"label": "Abrir navegador",
"type": "shell",
"command": "start http://localhost:/${fileDirnameBasename}/${relativeFile}",
"group": {
"kind": "build",
"isDefault": true
},
"options": {
"cwd": "${workspaceFolder}"
},
"problemMatcher": []
}
]
}
--eof----------------
Agora basta selecionar o arquivo que deseja abrir e apertar:
CTRL + SHIFT + B
Pronto.
A variável ${fileDirnameBasename} obtem o diretório e o nome base do arquivo atual, e então adiciona a variável ${relativeFile} para obter o caminho relativo completo do arquivo HTML.
O endereço final deve ser construído corretamente como "http://localhost:/${fileDirnameBasename}/${relativeFile}". Isso deve garantir que o navegador abra a página HTML correta quando você executar a tarefa personalizada "Abrir navegador" no Visual Studio Code.
Lembre-se de selecionar o arquivo HTML desejado no Visual Studio Code antes de executar a tarefa personalizada. Em seguida, pressione a tecla de atalho CTRL + SHIFT + B que você configurou para executar a tarefa. Isso deve abrir o navegador no endereço correto e carregar a página HTML selecionada.
Gostou?
Fonte de Consulta:
https://code.visualstudio.com/docs/editor/variables-reference
