Visual Studio Code

 

Visual al stud studio io code code.. Visu Desarrollo de código de HTML en visual estudio code. Alumno: Díaz Medel Oscar German Docente: Raymundo Centeno Pérez. 4PRCV 11/02/2022 Asignatura: Construye paginas web.

 

Objetivo

Analizar y estudiar la elaboración para saber la Analizar fundición fundició n del progra programa ma Visual Visual studio studio code para el desarrollo de html.

 

Introducción 

Visual Studio Code es un editor de código fuente desarrollado desarrollado por Microsoft pa para ra Windows Windows , Linux y macOS. Incluye soportede soporte para la depuración, contro control l integrado de , resaltado de es sintaxis, finalización inteligente código, fragmentos y refactorización deGit código también personalizable, por lo que los usuarios pueden cambiar el tema del editor , los atajos de teclado y las preferencias. Es Es gratuito y de código abierto, aunque la descarga oficial está bajo software propietario.

 

 

Historia Historia Visual Studio Code fue anunciado el 29 de abril de 2015 por Mic icrroso sofft en la conferencia Builild d de 2015. Una Un a ve vers rsión ión pr prel elimi imina narr se lan lanzó zó po poco co de desp spué ués. s. El 18 de novie iem mbre de 2015, Vis isu ual Studio Code fu fue e lanzado bajo la licencia MI T y su código fuente publilica cado do en Git itHu Hub. b. La cap apac acid ida ad pa parra ag agre reg gar  exten ex tension siones es fue anu anuncia nciado. do. El 14 de abril de 2016, Vis isu ual Studio Code graduó la eta tap pa de vis ista ta pr pre evia públilica ca y se la lan nzó a la we web b.:

Sit Sitio io Oficial Oficial https://code.visualstudio.com/

Tiene editor de texto en la parte inferio https://tecnotaxia.com/blog/extensi ones-para-visual-studio-code/

 

¿Qué hace? Es un editor de código fuente que tiene un software de código abierto, software privativo y depurador su compatibilidad no va más allá de GNOME

 

Código fuente desarrollado por Microsoft para Windows , Linux y macOS. 

29 de abril de 2015

Tamaño 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, i taliano, español,  japonés, coreano, ruso, búlgaro, búlgaro, húngaro, portugués portugués brasileño y turco

 

Características 

Es compatible con varios lenguajes de programación y un conjunto de características que pueden o no estar disponibles para un idioma dado, como se muestra en la siguiente tabla.



Para accededel características a de través de la l a paleta deinterfaz comandos o a través de archivos son (por ejemplo, preferencias daellas usuario). La paleta pal eta comandos es una i nterfaz de línea de comandos. Sin embargo, desaparece si si el usuario hace clic fuera de él o presiona una combinación de teclas en el teclado para interactuar con algo que está fuera de él. Esto también se aplica apli ca a los comandos que requieren mucho tiempo. Cuando esto sucede, el comando en progreso se cancela.





Visual Studio Code se puede extender a través de complementos, disponible disponible a través de un repositorio central. Esto incluye adiciones al editor y soporte de idiomas. Una característica característica notable es la capacidad de crear extensiones que analizan código, código, como linters y herramientas para análisis estático, estático, utilizando el Protocolo de Servidor de Idioma. Más como esta



Miniatura del paso 8



Miniatura del paso 9



Miniatura del paso 10



Miniatura del paso 11

 

Capturas de Pantalla



Caracter Cara cteristic isticas as del edito editor  r 



Colores de la sintaxis



Marcas de errores y advertencias



Coincidencia de llaves



Visualizador de estructura



Visual Studio Code es un editor de código fuente. Es compatible con varios lenguajes de programación y un conjunto de características que pueden o no estar disponibles para un idioma dado.



Desde el apartado extensiones tenemos también la opción de ver las más populares, las de los lenguajes de programación u otros temas. Para poder visualizarlas, solo deberemos ir a l os puntos suspensivos que tenemos al lado del buscador y sal saldrá drá un menú desplegable con las sugerencias sugerencias..

 

Extensiones interesantes para el desarrollo web we b en Visa Visaual ual St Studio udio Cod Code: e: Las extensiones de Visual Studio Code nos otorgan infinidad de opciones, como colorear colorear tabulaciones, etiquetas o recomendaciones de autocompletado. También hay extensiones que nos ayudan con el lenguaje de programación que vayamos a usar, como por ejemplo ej emplo para Python, C / C++, JavaScript, etc.



Better Haml: Extensión que nos ayuda ayuda con la sintaxis y autocompletado autocompletado de Haml. YML (Yseop (Yseop Markup Language): Provee soporte para para YML, YML, dando color y atajos.



HTML Snippets: Añade colores a las etiquetas HTML y atajos para este lenguaje.



Beautify: Deja un código más atractivo y facilita su lectura.



 

¿En qué lenguaje programa?



Programado TypeScript, CSS C#, F# y en Visual Basic JavaScript,



PHP, Phyton, Phyton, Perl, SQL, shell scripting en Bash Bas h y Java Java..



Git y programa programación ción web con HTML, HTML, CSS y JavaScript, entre otros lenguajes.

Demostración

 

Capturas de Pantalla Vista General.

 

Capturas de Pantalla de Interfaz I nterfaz

 

Capturas de Pantalla Pantalla de terminal Integrado

 

Extension ensiones es recom recomenda endadas das de Visua Visuall Ext Studio Code La lectura del código y la

Las extensiones que nos ayudan con

navegación por los menús

los lenguajes de programación





Visual Studio Code-icons: Extensión que cambia y añade iconos para conseguir una navegación mas sencilla e intuitiva identificando si es un fichero de HTML, un directorio, un fichero de Ruby o de JavaScript.



proporciona herramientas delque propio Rubyy como Rubocop Rubocop herramienta analiza formatea el código. O Reek que es una una herramienta que examina las clases, módulos y métodos de Ruby y reporta cuando el ‘código huele mal’.

Indent-Rainbow: Extensión que permite un código amplio con funciones y anidaciones, podamos identificar rápidamente qué esta dentro de que.

Ruby: Ayuda Ayuda a desarrollar Ruby con Visual Studio Code, proporciona atajos, recomendaciones de texto y, aparte, nos



Ruby Solargraph: Nos da sugerencias de autocompletado de código

 

Ventajas

 



Interfaz simple



Paleta de comando Integración Git: Los cambios que hagas en tu archivos son resaltados en varios lugares para que sepas exactamente lo que está pasando.





IntelliSense: Es un asistente para auto-completar y resalte de sintaxis y va un poco más allá de lo que esperarías de este tipo de característica.



Tiene un auto completado de código.

 



Pobre soporte para programación orientada a objetos



Solo Microsoft puede decidir la evolución de este lenguaje.



Solo genera ejecutables para Windows.



Los ejecutables generados son relativamente lentos.



La sintaxis es demasiado inflexible. Solo existe un compilador, llamado igual que el lenguaje.

Desventajas



 

Conclusión Como co Com con ncl clus usió ión n la he herr rram amie ient nta a vis isu ual es esttud udio io co cod de es un una a bu buen ena a her errram amie ient nta a pa para ra es escr crib ibir ir y desarrollar código en html, pero sin embargo se necesita algo de experiencia en esta herramienta.

 

Referencias: https://es.wikipedia.org/wiki/Visual_Studio_Code https://code.visualstudio.com/docs