0% acharam este documento útil (0 voto)
5 visualizações18 páginas

Desenvolvimento de HTML no VS Code

O Visual Studio Code é um editor de código-fonte gratuito e de código aberto desenvolvido pela Microsoft, compatível com Windows, Linux e macOS. Lançado em 2015, oferece suporte a várias linguagens de programação, extensões e recursos como depuração e controle de versão. Embora seja uma ferramenta eficaz para desenvolvimento em HTML, requer alguma experiência para utilização plena.

Traduzido por

ScribdTranslations
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
5 visualizações18 páginas

Desenvolvimento de HTML no VS Code

O Visual Studio Code é um editor de código-fonte gratuito e de código aberto desenvolvido pela Microsoft, compatível com Windows, Linux e macOS. Lançado em 2015, oferece suporte a várias linguagens de programação, extensões e recursos como depuração e controle de versão. Embora seja uma ferramenta eficaz para desenvolvimento em HTML, requer alguma experiência para utilização plena.

Traduzido por

ScribdTranslations
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Visual Studio Code.

Desenvolvimento de código HTML no Visual Studio Code.

Alumno:
Díaz Medel Oscar Germano
Docente: Raymundo Centeno Pérez.
4PRCV 11/02/2022
Disciplina: Construir páginas web.
Analisar e estudar a elaboração para saber a
Objetivo fundição do programa Visual Studio Code para o
desenvolvimento de html.
Introducción

O Visual Studio Code é um editor de código-fonte desenvolvido pela Microsoft para Windows,
Linux e macOS. Inclui suporte para depuração, controle integrado do Git, realce de
sintaxe, finalização inteligente de código, trechos e refatoração de código também é
personalizável, para que os usuários possam mudar o tema do editor, os atalhos de
teclado y las preferencias. Es gratuito y de código abierto, aunque la descarga oficial está
bajo software propietario.
História

História
O Visual Studio Code foi anunciado em 29 de abril de
2015 por Microsoft en la conferencia Build de 2015. Site Oficial
Uma versão preliminar foi lançada pouco depois. [Link]
Em 18 de novembro de 2015, o Visual Studio Code foi
lançado sob a licença MIT e seu código fonte
publicado no GitHub. A capacidade para adicionar Tem editor de texto na parte
extensões foi anunciado. inferior
[Link]
Em 14 de abril de 2016, o Visual Studio Code se formou a
ones-para-visual-studio-code/
etapa de visualização pública e foi lançado na web.
O que faz?

Es un editor de código
fonte que tem um
software de código
aberto, software privativo
y depurador su
compatibilidade não vai mais
lá de GNOME
Código fonte desenvolvido por
Microsoft para Windows, Linux e macOS.

29 de abril de 2015 Tamanho


Windows: 43,5 MB
Debian, Ubuntu: 42,7 MB
Versión 1.30 Fedora, Red Hat: 62,4 MB
macOS: 65,7 MB

Idiomas, inglés, chino simplificado, chino clásico, francés, alemán, italiano, español,
japonês, coreano, russo, búlgaro, húngaro, português brasileiro e turco
Características

É compatível com várias linguagens de programação e um conjunto de características que podem ou não estar
disponíveis para um idioma dado, como mostrado na tabela a seguir.
Para acessar os recursos por meio da paleta de comandos ou através de arquivos são (por exemplo,
preferências do usuário). A paleta de comandos é uma interface de linha de comandos. No entanto,
desaparece se o usuário clicar fora dele ou pressionar uma combinação de teclas no teclado para
interagir com algo que está fora dele. Isso também se aplica a comandos que exigem muito tempo.
Cuando esto sucede, el comando en progreso se cancela.
O Visual Studio Code pode ser estendido através de complementos, disponíveis por meio de um repositório central.
Isto inclui adições ao editor e suporte a idiomas. Uma característica notável é a capacidade de criar
extensões que analisam código, como linters e ferramentas para análise estática, utilizando o Protocolo de
Servidor de Idioma.
Mais como esta
Miniatura do passo 8
Miniatura del paso 9
Miniatura do passo 10
Miniatura del paso 11
Capturas de Tela

Características do editor

Cores da sintaxe
Marcas de erros e advertências
Coincidência de chaves
Visualizador de estrutura

O Visual Studio Code é um editor de código-fonte. É compatível com várias linguagens de programação e um conjunto de
características que pueden o no estar disponibles para un idioma dado.

Desde a seção de extensões, também temos a opção de ver as mais populares, as dos idiomas de programação ou outras.
temas. Para poder visualizarlas, solo deberemos ir a los puntos suspensivos que tenemos al lado del buscador y saldrá un menú
desplegable com as sugestões.
Extensões interessantes para o desenvolvimento
web em Visual Studio Code:

As extensões do Visual Studio Code nos oferecem infinitas opções, como colorir
tabulaciones, etiquetas o recomendaciones de autocompletado. También hay extensiones
que nos ajudam com a linguagem de programação que vamos usar, como por exemplo
para Python, C / C++, JavaScript, etc.

Better Haml: Extensão que nos ajuda com a sintaxe e autocompletar de Haml.
YML (Linguagem de Marcação Yseop): Oferece suporte para YML, fornecendo cores e atalhos.

Trechos de HTML: Adicione cores às etiquetas HTML e atalhos para esse idioma.
Embelezar: Deixe um código mais atraente e facilite sua leitura.
Em que linguagem você programa? Demonstração

Programado em TypeScript, JavaScript,


CSS C#, F# e Visual Basic
PHP, Python, Perl, SQL, script de shell em
Bash e Java.
Git e programação web com HTML, CSS e
JavaScript, entre outros idiomas.
Capturas de Tela Visão Geral.
Capturas de Tela da Interface
Capturas de Tela do Terminal Integrado
Extensões recomendadas do Visual
Estúdio Código

A leitura do código e a As extensões que nos ajudam com


navegação pelos menus as linguagens de programação
Visual Studio Code-icons: Extensão que Ruby: Ajuda a desenvolver Ruby com Visual
cambia y añade iconos para conseguir Studio Code, proporciona atalhos,
uma navegação mais simples e intuitiva recomendaciones de texto y, aparte, nos
identificando se é um arquivo HTML, um proporciona ferramentas do próprio Ruby
diretório, um arquivo Ruby ou de
como Rubocop, uma ferramenta que analisa e
JavaScript.
formateie o código. O Reek que é uma
Indent-Rainbow: Extensão que permite ferramenta que examina as classes, módulos
un código amplio con funciones y e métodos de Ruby e reporta quando o
anidações, possamos identificar
código cheira mal
rápidamente o que está dentro de que.
Ruby Solargraph: Nos dá sugestões de auto-
completado de código
Interface simples
Ventajas
Paleta de comando
Integração Git: As alterações que você fizer em seu
arquivos são destacados em vários lugares para que
sabe exatamente o que está acontecendo.
IntelliSense: Es un asistente para auto-completar y
resalte de sintaxe e vai um pouco além do que
esperarías de este tipo de característica.
Tem um preenchimento automático de código.
Pobre suporte para programação orientada a
Desventajas objetos
Somente a Microsoft pode decidir a evolução deste
linguagem.
Solo genera ejecutables para Windows.
Os executáveis gerados são relativamente lentos.
A sintaxe é muito inflexível.
Sólo existe um compilador, chamado igual que o
língua.
Conclusão

Como conclusão, a ferramenta Visual Studio Code é uma boa ferramenta para escrever e
desenvolver código em html, mas é necessário ter alguma experiência nisso
ferramenta.
Referencias:

[Link]
[Link]

Você também pode gostar