VS Code - Configuração para HTML

Tecnologia
Bossa_Trader   180º
em 15/02/20 22:07
ver comentários do moderador

Comentários

Último comentário 1º comentário do autor Só moderadores Só os meus Só quem eu sigo Ordenar por gostei
Mark.Valley  180º
em 15/02/2020 22:48
Nível no Race: Tá ficando maluco igual o Bastter
Geralmente é só instalar alguma extensão e o VS Code já fica todo configurado para determinada linguagem.

Dá uma olhada nesses links:

HTML Programming with Visual Studio Code



VS Code - Configuração para HTML - #1 de 10
Mark.Valley  180º
em 15/02/2020 22:51
Nível no Race: Tá ficando maluco igual o Bastter
Uma genérica que gosto de usar é a "Material Icon Theme" para colocar ícones mais explicativos nos arquivos do projeto:

Material Icon Theme - Visual Studio Marketplace
VS Code - Configuração para HTML - #2 de 10
Kenny_asj  180º
em 15/02/2020 22:56
Nível no Race: Fera neném
Coincidentemente hoje tive o mesmo problema. Instalei o plugin code runner mas qdo tento rodar o HTML ele diz que não suporta =\ 
VS Code - Configuração para HTML - #3 de 10
ThiagoDV  7º
em 16/02/2020 01:18
Nível no Race: Taquipariu 
Cara, para HTML puro o VSCode já dá suporte, mas para ter uma experiência melhor você pode instalar plugins como auto close tag, prettier, bracket pair colorizer, etc. 

Para linguagens de programação em si basta instalar o plugin da linguagem. De Java não sei plugins extras, só sei mais os plugins de Python. 
VS Code - Configuração para HTML - #4 de 10
philipel 
em 16/02/2020 09:15
O HTML é uma linguagem de marcação e não precisa de nada para 'rodar' basta abrir o arquivo HTML no navegador.

Se o que vocês realmente querem é ter algo como um mini servidor tem a extent live server do vscode
Live Server - Visual Studio Marketplace

Já o code runner eu não conheço mas chuto que seja para ser usado com linguagens de programação o que ele deve fazer é invocar o compilador ou interpretador de uma determinada linguagem para rodar o código o que não faz sentido no caso do HTML.
VS Code - Configuração para HTML - #5 de 10
RCDurante 
em 16/02/2020 13:06
Use o Vim.
VS Code - Configuração para HTML - #6 de 10
philipel 
em 16/02/2020 21:52
Vim uma vez que vc aprende é um caminho sem volta, mesmo que use um editor diferente como emacs out vscode vai acabar usando um plugin de vim 
VS Code - Configuração para HTML - #7 de 10
this.denise  180º
em 16/02/2020 23:22
@matiasalexsandro && @Kenny_asj

Não sei se é isso mas dei uma olhada na documentação do vscode-code-runner e cada linguagem precisa ter o PATH do seu executor nas variáveis de ambiente. Caso alguma coisa esteja dando chabu você pode adicionar o PATH da linguagem diretamente nas configurações do VS Code.

File > Preferences > Settings

Digita na caixa de busca "code-runner.executorMap". O Executor Map é configurado no settings.json. Clica no link embaixo "Edit in settings.json". Daí você adiciona um objeto com o nome "code-runner.executorMap" e nele adiciona outro objeto com a linguagem e o PATH respectivo do executor. No exemplo aqui é html e quem vai executar vai ser o chrome, então bota o caminho dele.



"code-runner.executorMap": {
  "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\""
}?



Dêem uma olhada aqui e depois avisem se era isso mesmo: GitHub - formulahendry/vscode-code-runner: Code Runner for Visual Studio Code

Edit: no exemplo de código JSON que coloquei tá aparecendo uma interrogação no final do bloco e não sei o porquê, só ignorem a bendita kkkkk
VS Code - Configuração para HTML - #8 de 10
ThiagoDV  7º
em 17/02/2020 09:08
Nível no Race: Taquipariu 
@D3N1S3 essa interrogação eu comentei contigo naquele email antes da sua postagem sobre JS. Tá com esse bugzim no editor de texto pra código aqui da área. Eu sempre que posto códigos vou editando cada caixa de texto depois pra apagar as interrogações hahaha

E eu pelo menos nunca tive problema em rodar o executável de alguma linguagem setando manualmente o path dela nas variáveis de ambiente. Sempre consegui rodar automaticamente. 

Além de Python, já usei Ruby, Node e C#no VSCode sem problemas e não precisei setar manualmente nenhuma. Mas vai que...
VS Code - Configuração para HTML - #9 de 10
Bossa_Trader  180º
em 17/02/2020 22:25
@Romulo07 cogitei sim. Não estou me adaptando. Achei melhor o sublime 
VS Code - Configuração para HTML - #10 de 10

7 usuários comentaram este tópico.
Clique para ir para o primeiro comentário do usuário.