VCode - a pocket IDE for web

CoCode Studio

Informacje o aplikacji

💻 VCode — IDE, które mieści się w kieszeni

Wreszcie edytor kodu na Androida, który nie przypomina zabawki.

Niezależnie od tego, czy jesteś zupełnym nowicjuszem piszącym swoją pierwszą stronę internetową, czy doświadczonym programistą wdrażającym poprawkę z telefonu — VCode zapewnia Ci prawdziwe środowisko kodowania na poziomie komputera stacjonarnego, w zasięgu ręki.

⚡ EDYTOR KODU STWORZONY Z MYŚLĄ O SZYBKOŚCI

Edytor VCode jest szybki. Błyskawicznie szybki.

✦ Piękne podświetlanie składni dla HTML, CSS, JavaScript, JSON, Markdown i SVG — wszystko renderowane w eleganckiej czcionce JetBrains Mono.
✦ Inteligentne, kontekstowe autouzupełnianie, które naprawdę rozumie Twój kod: sugestie CSS w znacznikach `style`, wskazówki JavaScript w blokach `script` i wyszukiwanie zmiennych w całym projekcie.
✦ Wbudowane rozszerzenie Emmet — wpisz „ul>li*3” i natychmiast rozwiń do pełnego kodu HTML. Wpisz „!”, aby wygenerować kompletny szablon HTML z kursorem już w sekcji

.
✦ Formatowanie kodu HTML, CSS, JavaScript i JSON jednym dotknięciem — kursor pozostaje dokładnie tam, gdzie był.
✦ Funkcja „Znajdź i zamień” z uwzględnieniem wielkości liter, trybami całych słów i wyrażeń regularnych.
✦ Przejdź do nawigacji po wierszach, inteligentne automatyczne wcięcia, automatyczne zamykanie nawiasów i walidacja JSON w czasie rzeczywistym z aktywnym paskiem stanu.
✦ Płynne podświetlanie oparte na widoku obsługuje tysiące wierszy bez zacięć.

👁️ PODGLĄD NA ŻYWO — ZOBACZ SWOJĄ PRACĘ NATYCHMIAST

Nie przełączaj się między aplikacjami. VCode przenosi przeglądarkę do Ciebie.

✦ Uruchom aktywny plik HTML w zaawansowanym, wbudowanym WebView jednym dotknięciem — bez konfiguracji i czekania. ✦ Przeglądaj logi konsoli na żywo bezpośrednio w aplikacji, aby debugować JavaScript w podróży.
✦ Otwórz stronę w domyślnej przeglądarce w dowolnym momencie, gdy chcesz przeprowadzić test w trybie pełnoekranowym.
✦ Pliki Markdown renderują się jako bogate, sformatowane dokumenty. Pliki CSV, SVG i obrazy otwierają się w ich wizualnej reprezentacji — bez dodatkowych kroków.

🌿 PEŁNA INTEGRACJA Z GIT I GITHUB

VCode traktuje kontrolę wersji jak obywatela pierwszej klasy.

✦ Pełny przepływ pracy w Git: inicjuj repozytoria, wprowadzaj zmiany, pisz komunikaty commit, twórz gałęzie, scalaj i wysyłaj — wszystko bez opuszczania aplikacji.
✦ Bezpiecznie połącz swoje konto GitHub z osobistym tokenem dostępu i synchronizuj swoje projekty jednym dotknięciem.
✦ Przeglądarka różnic wizualnych — sprawdź dokładnie, co zostało zmienione przed zatwierdzeniem.
✦ Historia zatwierdzeń — przejrzyj przejrzystą oś czasu całej historii projektu. ✦ Klonuj dowolne publiczne lub prywatne repozytorium w tle, korzystając z bieżących aktualizacji postępu i przycisku anulowania. Interfejs użytkownika nigdy się nie zawiesza.
✦ Obsługa miękkiego, mieszanego i twardego resetu z potwierdzeniami bezpieczeństwa, aby chronić Twoją pracę.
✦ Popraw ostatnie zatwierdzenie, zarządzaj wieloma gałęziami i cofaj dowolne zatwierdzenie — wszystko natywnie.

📁 ZARZĄDZANIE PLIKAMI JAK NA KOMPUTERZE STACJONARNYM

Twój obszar roboczy, Twój styl.

✦ Pięknie animowane drzewo plików — długie naciśnięcie dowolnego pliku lub folderu spowoduje natychmiastowe działanie.
✦ Wytnij, kopiuj i wklej pliki oraz całe drzewa folderów w całym projekcie. Przyciemnij pliki do 70% krycia — tak jak w systemie operacyjnym na komputerze stacjonarnym.
✦ Importuj pliki i foldery z pamięci urządzenia. Duże operacje importowania działają cicho w tle, wyświetlając powiadomienia o postępie.
✦ Skopiuj ścieżkę bezwzględną lub względną dowolnego pliku jednym dotknięciem.
✦ Natychmiast rozpoczynaj nowe projekty za pomocą wbudowanych szablonów: Puste, HTML lub pełne układy HTML + CSS + JS — z opcjonalną inicjalizacją Git podczas tworzenia.

✂️ MENEDŻER FRAGMENTÓW

Zapisz najczęściej używane bloki kodu i wstawiaj je w dowolnym miejscu jednym dotknięciem. Użyj znaku „|” we fragmencie kodu, aby dokładnie zaznaczyć miejsce, w którym powinien znaleźć się kursor po wstawieniu.

To jest IDE, na które czekałeś. Koduj w dowolnym miejscu. Podgląd natychmiastowy. Publikuj pewnie.

Co nowego

- Desktop-Grade IntelliSense: Auto-suggests CSS classes inside HTML attributes.
- ES Modules Support: Suggests exported functions/variables from your JS imports.
- Advanced Type Inference: Intelligently infers variable types to suggest accurate prototype methods.
- Lightweight Lexical Scoping: Keep suggestions contextually accurate and clutter-free.
- Context-Aware Suggestions: File path autocomplete based on the exact HTML tag you're typing.
- Squashed Bugs & UI tweaks.