A fim de proporcionar uma experiência melhor na hora de programar um site no Visual Studio Code, aqui vai uma lista de extensões para o VSCode.
Para encontrar essas extensões, siga o passo-a-passou a seguir:
Abra o VSCode e encontre a aba de Extensões
Copie o ID da extensão (encontra-se no final desse segmento) e cole na barra de pesquisa
Clique no resultado da pesquisa e clique em instalar. Pronto, extensão instalada. Se ela pedir para reiniciar o VSCode, faça-o para garantir a correta funcionalidade da mesma.
ecmel.vscode-html-css
ritwickdey.LiveServer
Para melhor entender como funciona este template, siga o passo-a-passo com os arquivos já abertos em seu VSCode.
Para mudar as variáveis que irão alterar diretamente a aparência do seu site, procure o explorador de arquivos e navegue para css > variables.scss, como na imagem abaixo:
Experimente modificando os valores e vendo quais tipos de alterações você consegue com isso.
Abaixo estão listados alguns links utéis para saber mais sobre Web Design