Como Quitar El Modo Zen Visual Studio Code
Enon Zoberman
Visual Studio Code puede ser personalizado en muchos aspectos: el aspecto esttico, los procesos de trabajo, las herramientas de desarrollo especficas, etc. En esta leccin se comenta cmo estn organizadas las opciones de personalizacin, que se encuentran separadas en siete categoras:
Visual Studio Code incluye varios temas de color, que determinan la combinacin de colores con el que se muestran las pginas web o los programas editados (color de fondo, de texto o de los elementos). Los temas de color se clasifican en tres grandes grupos: oscuro, claro y de alto contraste.
Para cambiar de reas de trabajo, elija la opcin de men Archivo > Abrir carpeta ... y seleccione una carpeta distinta. La opcin de men Archivo > Abrir reciente permite abrir directamente alguna de las ltimas reas de trabajo utilizadas.
La opcin de men Archivo > Agregar carpeta al rea de trabajo ... permite aadir carpetas al rea de trabajo. A continuacin se debe guardar el rea de trabajo con la opcin de men Archivo > Guardar rea de trabajo como .... Posteriormente, las reas de trabajo se pueden abrir con la opcin de men Archivo > Abrir el rea de trabajo ...
Nota: En los cursos de mclibre. org (HTML/CSS, Python o PHP) se recomienda utilizar carpetas (reas de trabajo de una sola carpeta), no reas de trabajo de varias carpetas, simplemente por mantener separado el trabajo realizado en cada asignatura (o mdulo formativo).
Las extensiones de Visual Studio Code permiten ampliar las caractersticas del editor. Las extensiones estn disponibles en la web Visual Studio Code Marketplace. En esta web se pueden buscar extensiones y consultar detalles de las extensiones (caractersticas, nmero de instalaciones, precio, comentarios y valoraciones de los usuarios, ayuda disponible, etc.), aunque la instalacin se realiza desde el propio Visual Studio Code.
Si se van a realizar muchas modificaciones o se quiere aplicar un conjunto de modificaciones ya definido (por ejemplo, las modificaciones que se proponen en los cursos de HTML/CSS, Python o PHP de estos apuntes), es ms cmodo trabajar directamente con los archivos settings.json, aunque se debe tener cuidado en no cometer errores sintcticos (olvidar alguna comilla, coma, o llave, por ejemplo). Si edita un archivo settings.json, debe guardar el archivo explcitamente, las modificaciones no se guardan automticamente.
Las tareas de Visual studio Code permiten automatizar el uso de programas ajenos al propio editor. Las tareas se definen por escrito en un archivo (tasks.json) y se pueden invocar a travs del interfaz o mediante atajos de teclado. El resultado de la ejecucin de las tareas se suele mostrar en la ventana de Terminal.
Visual Studio Code dispone de un gran nmero de atajos de teclado para acceder rpidamente a muchas de sus funciones, pero tambin se pueden crear nuevos atajos de teclado para optimizar los procesos de trabajo.
Estos son los pasos a realizar para crear atajos de teclado en Visual Studio Code. Lo ejemplificaremos con la vinculacin del atajo de teclado Ctrl+Alt+a al comando que comprueba si existe una nueva versin de Visual Studio Code.
En los archivos de configuracin en formato JSON (settings.json, tasks.json, keybindings.json, etc.), las rutas del sistema operativo se deben escribir con barras simples (/) o con contrabarras dobles (\\), pero no se pueden escribir con contrabarras simples (\). La razn es que la contrabarra simple es el carcter de escape, que sirve para indicar los caracteres especiales (por ejemplo \n significa salto de lnea, \t significa tabulador, \\ significa contrabarra simple, etc.).
Este artculo se public hace mas de tres aos. Ten en cuenta que con las nuevas versiones y las actualizaciones constantes de software, es fcil, que este artculo est desactualizado. Si ests interesado en que lo actualice, envame un correo a travs del formulario de contacto.
En los ltimos tiempos, probablemente el ltimo ao o dos ltimos aos, Sublime Text se ha convertido en mi editor de cdigo por defecto. Lo cierto, es que estoy muy cmodo con l, tanto por el desempeo de la aplicacin, como por el ecosistema de complementos que lleva asociado. Sin embargo, recientemente, he probado Visual Studio Code. Necesitaba de un editor de cdigo que funcionara tambin en Microsoft Windows y que fuera portable. As que me decid a probar este editor de cdigo. Y lo cierto es que me ha dejado un buen sabor de boca.
Visual Studio Code combina dos caractersticas, que para mi son fundamentales, como son la ligereza con la potencia. Se trata de un editor de cdigo multiplataforma, disponible para los tres sistemas operativos predominantes, Windows MacOS y Linux. Tiene soporte nativo para JavaScript, TypeScript y Node.js. Pero no solo esto, sino que tiene un brutal ecosistema de complementos que permite trabajar con casi cualquier lenguaje de programacin, C, C#, Java, Python, PHP, GO, etc.
La interfaz de usuario es muy similar a la de otros editores de cdigo, como puede ser Sublime Text, Atom y similares. As, como en estos otros editores, la disposicin de paneles es parecida. A la izquierda encontrars un editor de archivos. Mientras que a la derecha, tienes el contenido del archivo que ests editando en ese momento.
Una interesante caracterstica de la aplicacin es que si modificas la disposicin de las reas, est queda guardada. De esta forma, la prxima vez que inicies Visual Studio Code, la disposicin ser igual a la disposicin con que cerraste la aplicacin.
Al igual que otros editores de cdigo, Visual Studio Code tiene un mapa del archivo. Esto te permite tener una idea del cdigo que tiene ese archivo. Pero sobre todo, te permite navegar de forma rpida e intuitiva por el archivo. Este mini mapa se muestra en la parte derecha del editor. Haciendo clic sobre el mini mapa, te podrs desplazar fcilmente por l.
Es posible poner este mini mapa en la parte izquierda del editor, en lugar de en la parte derecha donde se muestra habitualmente. Tambin es posible quitarlo. Ambas opciones se pueden modificar desde la configuracin,
Otra de las herramientas caractersticas de los editores de cdigo mas habituales son la Paleta de comandos. La paleta de comandos te permite un acceso total a todas las funcionalidades de Visual Studio Code, incluyendo el atajo de teclado a las operaciones mas habituales.
Para poder exprimir al mximo la funcionalidad de cualquier editor de cdigo es necesario conocer los atajos de teclado. Al igual que en otras aplicaciones, la forma de aumentar tu productividad es no levantar los dedos del teclado. Y para no levantar los dedos del teclado, la forma es conocer los atajos de teclado. Algunos de los atajos de teclado mas interesantes o habituales de Visual Studio Code son los siguientes,
Una de las caractersticas mas interesantes de Visual Studio Code, y que tambin podemos encontrar en otros editores como Sublime Text, es la simplicidad de la configuracin del editor. Configurar esta aplicacin es como editar cualquier archivo.
Para editar la configuracin, desde la paleta de comandos Ctrl+Maysculas+P, busca configuracin o utiliza el atajo de teclado Ctrl+,. En la parte de la derecha encontrars la configuracin predeterminada de usuario, con todas las opciones disponibles. Es posible que encuentres mas de 500 posibilidades para configurar.
Al situarte sobre cualquiera de las opciones, en la parte derecha, aparecer el icono de un lpiz. Si haces clic sobre este icono, la opcin se aadir al archivo que se encuentra en la parte derecha. Este archivo de la parte derecha es la Configuracin de usuario. Por ejemplo, en mi caso, los cambios que he introducido son los siguientes,
Existen diferentes mtodos para instalar Visual Studio Code en Ubuntu. As podemos optar por descargar el paquete directamente desde los servidores de Microsoft, o bien utilizar Ubuntu Make.
Para descargar el paquete directamente de Microsoft nos dirigiremos a la pgina de descarga de Visual Studio Code. All encontraremos opciones para descargarlo para Windows, para Linux tanto en paquetes deb como rpm y para Mac.
Otra opcin es utilizar paquetes snap o flatpak. Sin embargo, esta opcin no la recomiendo, o por lo menos a mi no me ha funcionado correctamente. Y es que una vez instalado, cuando aada cualquier extensin y reiniciaba Visual Studio Code me encontraba que no estaba instalada la extensin.
Existen dos versiones de Visual Studio Code, al igual que sucede con otras aplicaciones como Chrome y Chromium. En este caso una de las dos versiones est liberada bajo licencia de Microsoft y la otra versin liberada bajo licencia MIT, y que por tanto es software libre.
Tal y como he adelantado en la introduccin, lo cierto es que este editor de cdigo me ha dejado muy buen sabor de boca. Tanto es as, que lo voy a utilizar por defecto en algunos de mis proyectos, mientras que en otros seguir con Sublime Text.
Por ltimo indicar que, al igual que sucede con otros editores, es necesario aadir algunos complementos para que sea usable. Aunque por ejemplo, la integracin con git viene por defecto, lo cual ya es un punto a favor.
Firefox Quantum es la nueva versin de este navegador con un motor de renderizado renovado y un gestor de complementos nuevo. Mas potente, ms rpido y con un menor consumo de recursos. Y ahora tambin con autentificacin por hardware.
Visual Studio Code es uno de los editores de cdigo ms utilizados en la actualidad. Con anterioridad ya hemos revisado sus caractersticas principales y virtudes para el desarrollo Web.
Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para mviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colabor como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formacin y consultoras sobre lenguajes de programacin y herramientas para Desarrollo Web y mvil en modalidad online y presencial.