VCode - a pocket IDE for web

CoCode Studio

Acerca de esta app

💻 VCode: El IDE que cabe en tu bolsillo

VCode no es un editor de código más. Es un Entorno de Desarrollo Integrado (IDE) completo, de nivel de escritorio, creado desde cero para Android, diseñado para desarrolladores web que no se conforman con menos solo porque usan un teléfono.

La mayoría de los editores de código móviles son simples editores de texto con un tema de color. VCode es fundamentalmente diferente. Cada componente —el motor del editor, el resaltador de sintaxis, el sistema de autocompletado, la integración con Git— se creó desde cero para Android, priorizando el rendimiento y la precisión. No es un editor web envuelto en una aplicación. No es una biblioteca de escritorio adaptada. No hay atajos. No hay soluciones a medias. Y es completamente de código abierto.

POR QUÉ VCODE ES DIFERENTE

✦ Un motor de editor nativo personalizado con eliminación de código innecesario en la ventana gráfica y resaltado incremental: funciona con fluidez incluso en archivos con miles de líneas.
✦ Inteligencia contextual: autocompletado que realmente entiende tu archivo. CSS dentro de etiquetas `style`, JavaScript dentro de bloques `script` y detección de variables y funciones en todo el proyecto.

✦ Git como elemento principal: prepara, confirma, crea ramas, fusiona, sube, guarda y compara de forma nativa sin complementos ni soluciones alternativas.

✦ Integración profunda con GitHub: crea repositorios, sube, sube, descarga y gestiona repositorios remotos sin salir de la aplicación.

✦ Código abierto y transparente: lee el código, contribuye o compílalo tú mismo en github.com/cocodestudio/VCode.

⚡ EL EDITOR

✦ Resaltado de sintaxis para HTML, CSS, JavaScript, TypeScript, JSON, Markdown y SVG, renderizado en JetBrains Mono.

✦ Diagnóstico en tiempo real con subrayados ondulados en la posición exacta de los tokens. Rojo para errores, amarillo para advertencias, azul para sugerencias.

✦ Expansión Emmet integrada: escribe "ul>li*3" o "!" y expande el código al instante.

✦ Formato de código con un solo toque para HTML, CSS, JS y JSON: la posición del cursor se conserva.

✦ Buscar y reemplazar con distinción entre mayúsculas y minúsculas, coincidencia de palabras completas y compatibilidad total con expresiones regulares.

✦ Ir a la línea, sangría automática inteligente, cierre automático de corchetes e historial completo de deshacer/rehacer.

👁️ VISTA PREVIA EN VIVO

✦ Ejecuta tu archivo HTML activo en una WebView integrada con un solo toque. Sin configuración, sin esperas.

✦ Visualiza los registros de la consola JavaScript en tiempo real para depurar tu código directamente en la aplicación.

✦ Abre la aplicación en tu navegador predeterminado cuando quieras para realizar una prueba a pantalla completa en un motor real.

✦ Los archivos Markdown se muestran como documentos con formato enriquecido. SVG, CSV e imágenes se abren en su representación visual, sin pasos adicionales.

🌿 GIT Y GITHUB

✦ Flujo de trabajo Git completo: inicializar, preparar, despreparar, confirmar, crear ramas, fusionar, guardar, restablecer, enviar y recibir.

✦ Visor de diferencias visuales: revisa con precisión los cambios en cada archivo antes de confirmar.

✦ Historial de confirmaciones: una línea de tiempo clara y desplazable de todo el proyecto.

✦ Gestor de ramas y gestor de guardado con acciones de un solo toque.

✦ Interfaz de resolución de conflictos: acepta los nuestros, acepta los de terceros o cancela una fusión desde una pantalla dedicada.

✦ Clona cualquier repositorio público o privado en segundo plano con progreso en tiempo real. La interfaz nunca se congela.

📁 GESTIÓN DE ARCHIVOS

✦ Árbol de archivos animado con menú contextual al mantener pulsado para realizar acciones instantáneas en cualquier archivo o carpeta. ✦ Corta, copia y pega archivos y carpetas completas en todo tu proyecto. Los elementos cortados se atenúan, igual que en un sistema operativo de escritorio.

✦ Importa archivos y carpetas desde el almacenamiento del dispositivo con notificaciones de progreso en segundo plano.

✦ Inicia nuevos proyectos a partir de plantillas: en blanco, HTML o HTML + CSS + JS completas, con inicialización Git opcional.

✦ Gestor de fragmentos de código: guarda tus bloques de código más utilizados e insértalos donde quieras con un solo toque.

——————————————————

Programa donde quieras. Previsualiza al instante. Publica con confianza.

Novedades

v2.2.4:
• Guardado automático de archivos antes de la vista previa para evitar pérdida de cambios.
• Corregidos los colores de fondo incorrectos en la barra de URL y los controles de vista previa.