Examen de la interfaz de usuario de Visual Studio Code
En esencia, Visual Studio Code es un editor de código, con una interfaz de usuario y un diseño similar a muchos otros editores de código. En el lado izquierdo de la interfaz hay una barra lateral que se usa para acceder a los archivos y carpetas del proyecto de código. En el lado derecho hay un área del editor que muestra el contenido de los archivos de la aplicación.
Examen de las áreas principales de la interfaz de usuario
En el diagrama siguiente se muestran las seis secciones principales incluidas en la interfaz de usuario de Visual Studio Code.
A: la barra de actividad es la estrecha barra vertical situada en el extremo izquierdo de la ventana. La barra de actividad le permite cambiar entre vistas (como Explorador o Extensiones) y proporciona otros indicadores específicos del contexto.
B: la barra lateral contiene vistas que proporcionan herramientas y recursos. Las vistas de la barra lateral (como EXPLORADOR) son muy útiles cuando se trabaja en un proyecto de código.
C: el editor es el área que se usa para editar los archivos. Puede abrir tantos editores como desee en paralelo de forma vertical y horizontal.
D: el área Panel se usa para mostrar diferentes paneles debajo de la región del editor para obtener información de salida o depuración, errores y advertencias, o un terminal integrado.
E: la barra de estado es la barra horizontal a lo largo de la parte inferior de la ventana que muestra información sobre el proyecto abierto y los archivos que edita.
F: el menú principal es la interfaz de menú que se encuentra en la parte superior de la ventana de la aplicación. Las opciones de menú le permiten guardar, editar y ejecutar el código (y mucho más).
A medida que adquiera más destreza con Visual Studio Code, trabajará en las áreas de pantalla descritas. Sin embargo, para empezar, las áreas más importantes a recordar son la barra de actividad, la barra lateral y el editor. La barra de actividad es donde se selecciona la actividad que desea realizar. La barra lateral muestra herramientas y opciones, y el editor muestra la información que edita, normalmente el código.