Primer Contacto con Visual Studio

primer_contacto_visual_studio_code_feature_image

Ya sea para realizar pruebas o para construir proyectos grandes, en desarrollo de software siempre necesitaremos de un IDE que nos brinde muchas facilidades y a la hora de programar, gracias a los editores de texto se puede organizar el trabajo de manera óptima evitando confusiones en nuestra estructura para poder hacer un código seguro y limpio

¿Qué es un editor de texto?

Es una herramienta que nos ayuda simplemente a escribir cadenas de texto plano dichos caracteres están representados en un software sencillo básico que carece de herramientas de ayuda y corrección.

¿Qué es un IDE?

Integrated Development Enviroment tal y como su nombre lo dice es un entorno de desarrollo integrado es decir que a diferencia de un editor de texto, este es un software especializado para escribir y desarrollar aplicaciones en diferentes lenguajes de programación.

Editor de código:

No es más que una pantalla en la cual se escribe el código referente al lenguaje en el que estemos programando.

Compilador:

Traduce el código escrito en los diferentes lenguajes a código de maquina instrucciones en código de unos y ceros.

Depurador:

Nos permite eliminar errores de nuestro código ejecutándolo en tiempo real.

¿Qué es Visual Studio Code?

Es un IDE creado por Microsoft el cual es muy completo da fácil instalación y con Setup listo para empezar a trabajar en nuestras aplicaciones, se puede programar en muchos lenguajes que están presenten en la mayoría de desarrollo de software, además de poder instalar utilidades especiales de prueba, temas personalizables, y un manejo muy fresco de archivos para organizar nuestros proyectos, la características más destacable es su función intelisense en su editor de código que predice instrucciones en el editor de texto para agilizar en lo posible el trabajo.

¿Cómo es el entorno?

La primera vez que observamos visual studio podemos distinguir tres áreas de trabajo.

1- Barra de herramientas

2- Editor de texto

3- Explorador del proyecto

que_es_visual_entorno
que_es_visual_busqueda

Nos permite explorar el proyecto o carpeta abierta

que_es_visual_lupa

Búsqueda de una palabra en todo el proyecto

que_es_visual_git

Manejo de repositorios en Git

que_es_visual_debug

Nuestro famoso depurar de código en tiempo real

que_es_visual_adds

Manejo de extensión agregar utilidades de ayuda al Ide (descargas desde la web).

En configuraciones podemos editar características sobre el manejo del teclado en el IDE, temas claros y oscuros entre varias cosas que nos permiten acceder de forma más adecuada a las herramientas del Ide.

que_es_visual_config

Creando un nuevo archivo

Visual estudio nos permite crear archivos en texto plano para luego agregarle la extensión del tipo de lenguaje que estamos manejando.
Primero creamos un directorio en nuestra carpeta favorita ya que no podemos dejar nuestros archivos regados por donde sea.

que_es_visual_directorio

Abrimos la carpeta en visual studio

que_es_visual_open

Seleccionamos new file

que_es_visual_new_file

Seleccionamos el lenguaje en el que vamos a trabajar

Visual Studio Code soporta todos estos lenguajes

que_es_visual_language

Seleccionamos el lenguaje que desarrollaremos en mi caso JS

que_es_visual_js

Para agregar un archivo a nuestro directorio damos clic en new file

que_es_visual_new_file_2

E ingresamos el nombre del nuevo archivo con tu con su extensión en el lenguaje que se desee usar.

que_es_visual_icons

INtelissense

En la imagen se pue observar cómo trabaja esta característica la cual nos abre una pantalla de opcionesque están relacionadas a la palabra que estamos escribiendo.

que_es_visual_sense

Find element

Explorando más opciones encontramos la función Ctrl + F que nos ayuda a buscar palabas en el código ingresando la palabra clave en un banner que se abre automáticamente cumple casi la misma función que el buscador de archivos, pero esta trabaja dentro de un archivo en especifico

que_es_visual_find

Descubre mas!

Visual Studio Code es un entorno bastante completo, intuitivo, y de fácil setup, tiene muchísimas características que se acoplan en base a que herramienta de programación estemos usando siendo así una potente máquina de codificar, aprende más en el sitio oficial de Visual Studio

“Las buenas herramientas construyen proyectos sólidos”.