• Categoría de la entrada:Editores de Texto / Software
  • Tiempo de lectura:6 minutos de lectura
  • Autor de la entrada:

A partir de ahora, si visitas VSCode.dev, vas a encontrar una versión ligera de Visual Studio Code que se ejecuta completamente en el navegador. Abre una carpeta en su máquina local y comienza a programar.

Esta nueva metodología de poder utilizar Visual Studio Code no requiere instalación ninguna instalación.

Visual Studio Code finalmente llega al navegador y ahora es totalmente utilizable desde tu navegador web favorito. Con la activación de vscode.dev llega una herramienta de desarrollo que puede ejecutarse completamente sin servidor en un navegador.

Bien, ¿Qué podemos hacer con Visual Studio Code en la Web?

🔥 COMIENZA A UTILIZAR VISUAL STUDIO CODE EN EL NAVEGADOR

💡 Si quieres conocer los mejores editores para programar / Editores Programar Python / Editores Programar Java / Editores Programar PHP

Desarrollo local con herramientas en la nube

Los navegadores modernos que admiten la API de acceso al sistema de archivos (chrome y Edge en la actualidad) permiten que las páginas web accedan al sistema de archivos local (previo permiso).

Esta sencilla puerta de enlace a la máquina local abre rápidamente algunos escenarios interesantes para usar Visual Studio Code en la Web como una herramienta de desarrollo local de instalación cero, como:

  • Visualizar y editar archivos en local.
  • Tomar notas rápidamente (¡y obtén una vista previa!) en Markdown. Incluso si te encuentras en una máquina restringida donde no se puede instalar el software de Visual Studio Code, es posible que puedas usar vscode.dev para ver y editar archivos locales.
  • Crear aplicaciones HTML, JavaScript y CSS del lado del cliente junto con las herramientas del navegador para la depuración.
  • Editar código en máquinas de menor potencia como Chromebooks, donde no se puede instalar Visual Studio Code con facilidad.
  • Desarrollar en iPad: Vas a poder cargar/descargar archivos (e incluso almacenarlos en la nube usando la aplicación Archivos) y también abrir repositorios de forma remota con la extensión incorporada de repositorios de GitHub.

Si tu navegador no es compatible con las API del sistema de archivos local, aún vas a poder abrir archivos individuales cargándolos y descargándolos a través del navegador.

Una experiencia de desarrollo más fresca

Dado que Visual Studio Code para la Web se ejecuta completamente dentro del navegador, algunas experiencias serán más limitadas, en comparación con lo que se puede hacer en la aplicación de escritorio.

Por ejemplo, el terminal y el depurador no estarán disponibles, lo que tiene sentido ya que no se puede compilar, ejecutar y depurar una aplicación Rust o Go dentro de la zona de pruebas del navegador (aunque las tecnologías emergentes como Pyodide y los contenedores web pueden cambiar esto algún día).

Un poco más matizadas que en el escritorio son las experiencias de edición y la navegación entre el código; generalmente funcionan con servicios de lenguajes y compiladores que esperan un sistema de archivos, tiempo de ejecución y entorno informático.

En el navegador, estas experiencias están impulsadas por servicios de idiomas que se ejecutan completamente en el navegador (sin sistema de archivos y sin tiempos de ejecución) que proporcionan la tokenización de código fuente, el color de la de sintaxis y mucho más.

Como resultado, cuando estás en el navegador, las experiencias que se han logrado conseguir para Visual Studio Code son:

Para la mayoría de los lenguajes de programación, vscode.dev brinda la sintaxis de colores en el código, las terminaciones basadas en texto y el color por pares. Usando un árbol de sintaxis de Tree-sitter.

Se han podido agregar experiencias adicionales [proporcionar experiencias adicionales como Esquema / Ir a símbolo y la Búsqueda de símbolo para lenguajes populares como C / C ++, C #, Java, PHP, Rust y Go.

Las experiencias de TypeScript, JavaScript y Python funcionan con servicios de lenguaje que se ejecutan de forma nativa en el navegador. Con esos lenguajes de programación, vas a obtener muy buenas experiencia, con resaltado semántico, indicación de errores de sintaxis y más.

Para muchos lenguajes “webby” como JSON, HTML, CSS, LESS o Markdown, la experiencia de codificación en Visual Studio Code es casi idéntica a la del escritorio (¡Incluida la vista previa de Markdown!).

Extensiones

La mayoría de las extensiones de personalización de la interfaz de usuario, como temas, mapas de teclas y fragmentos de código, funcionan en Visual Studio Code Dev Online e incluso se puede habilitar la itinerancia entre el navegador, el escritorio y los espacios de código de GitHub a través de la sincronización de configuración.

Las extensiones que ejecutan código Node y usan módulos específicos del sistema operativo o que se envían a ejecutables locales, aún se muestran en los resultados de búsqueda, pero están claramente marcadas como no disponibles.

Dicho esto, hay un número creciente de extensiones que se han actualizado para funcionar en el navegador y cada día irán apareciendo más.

Nota: Si eres un autor de extensión y deseas que tu extensión esté disponible en el navegador. Consulta la siguiente guía de creación de extensiones web para Visual Studio Code.

Por ejemplo, la extensión Luna Paint: Editor de Imágenes te permite editar imágenes rasterizadas directamente en Visual Studio Code.

Luna Paint incluye herramientas de diseño enriquecidas (como herramientas de capas) a Visual Studio Code y por supuesto, puedes guardar las imágenes resultantes dentro de tu su disco local.

La extensión de GitHub Issue Notebooks te permite agregar Blocs de Notas a GitHub Issues. Así, se pueden intercalar consultas, resultados e incluso Markdown que describe el propósito de las consultas desde un único editor.

🔥 COMIENZA A UTILIZAR VISUAL STUDIO CODE ONLINE


Artículos Relacionados