Summary
Keywords
Full Transcript
#visualstudiocode #liveserver #css3 #html5tutorial 📚 Muito Obrigado por Assistir! Saiba mais 📌https://www.youtube.com/c/WebOnlineDesenvolve 📌https://github.com/WebOnlineDesenvolve Descrição Para abrir e baixar extensões no VS Code: Abra o Visual Studio Code. Clique no ícone de quadrado na barra lateral esquerda (Extensões). Pesquise a extensão desejada, como "Live Server". Clique no botão "Instalar" ao lado da extensão. Repita o processo para outras extensões. O Visual Studio Code fará o download e instalará automaticamente as extensões selecionadas, aprimorando sua experiência de desenvolvimento. Live Server: O Live Server é uma extensão que permite criar um servidor de desenvolvimento local diretamente do VS Code. Com um único clique, você pode iniciar um servidor para seu projeto web, o que é extremamente útil ao desenvolver sites ou aplicativos da web. Além disso, o Live Server recarrega automaticamente a página no navegador sempre que você faz alterações em seu código, permitindo que você veja instantaneamente o resultado das suas edições. Isso torna o processo de desenvolvimento mais eficiente e produtivo. ✨Link da Amazon: https://www.amazon.com.br/?&_encoding=UTF8&tag=webonlinedese-20&linkCode=ur2&linkId=a68116d5cabc4dafc8fdf73d84a56689&camp=1789&creative=9325 🎵 Música ✨IDE: ( Integrated Development Environment )Microsoft Visual Studio. ✨IDE: ( Integrated Development Environment ) Visual Studio Code. EXTENSÕES VISUAL STUDIO CODE: LIVE SERVER: Carrega a página automaticamente. BEAUTIFY : Padroniza a formatação do código COLOR HIGHLIGHT : Mostra as cores que você está criando no arquivo css. INTELLISENSE FOR CSS: Fornece o auto completo da classe que você escreveu no seu código. ✨Tema do VS Code: Escuro+ (Escuro padrão) ✨Software Editor de videos: Shotcut. ✨Software para gravar a tela do computador: OBS Studio. Google Fontes: https://fonts.google.com/ ⭐ Biblioteca JavaScript https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js Fontes de ícones 🔎https://fontawesome.com/v5.15/icons?d=gallery&p=2 🔎https://fontawesome.com/ Ambiente de Desenvolvimento: codepen.io HTML E CSS: 🔎https://www.w3schools.com/default.asp Site de verificação de erro: 🔎https://validator.w3.org/ Tabelas de cores: 🔎https://www.flextool.com.br/tabela_cores.html Imagem para baixar: 🔎https://pixabay.com/pt/ Site para criar Thumbnails: 🔎https://www.canva.com/
