VCode - a pocket IDE for web

CoCode Studio

Bu uygulama hakkında

💻 VCode — Cebinize Sığan IDE

Sonunda, oyuncak gibi hissettirmeyen bir Android kod editörü.

İster ilk web sayfanızı yazan tamamen yeni başlayan biri olun, ister telefonunuzdan acil bir düzeltme gönderen deneyimli bir geliştirici olun, VCode size avucunuzun içinde gerçek, masaüstü düzeyinde bir kodlama ortamı sunar.

⚡ HIZ İÇİN TASARLANMIŞ BİR KOD EDİTÖRÜ

VCode'un editörü hızlıdır. Çok hızlı.

✦ HTML, CSS, JavaScript, JSON, Markdown ve SVG için güzel sözdizimi vurgulaması — hepsi zarif JetBrains Mono yazı tipinde işlenir.

✦ Kodunuzu gerçekten anlayan akıllı, bağlam duyarlı otomatik tamamlama: `style` etiketleri içindeki CSS önerileri, `script` blokları içindeki JavaScript ipuçları ve proje genelinde değişken keşfi.

✦ Dahili Emmet Genişletme — "ul>li*3" yazın ve anında tam HTML'ye genişletin. İmleciniz zaten

içinde olacak şekilde eksiksiz bir HTML şablonu oluşturmak için "!" yazın.

✦ HTML, CSS, JavaScript ve JSON için tek dokunuşla kod biçimlendirme — imleciniz tam olarak olduğu yerde kalır.

✦ Büyük/küçük harf duyarlılığı, tam kelime ve regex modlarıyla Bul ve Değiştir.

✦ Satır navigasyonuna, akıllı otomatik girintilemeye, otomatik kapanan parantezlere ve canlı durum çubuğuyla gerçek zamanlı JSON doğrulamasına gidin.

✦ Akıcı görünüm tabanlı vurgulama, tek bir takılma olmadan binlerce satırı işler.

👁️ CANLI ÖNİZLEME — ÇALIŞMANIZI ANINDA GÖRÜN

Uygulamalar arasında geçiş yapmayı bırakın. VCode tarayıcıyı size getiriyor.

✦ Etkin HTML dosyanızı güçlü bir dahili WebView'da tek dokunuşla çalıştırın — kurulum yok, bekleme yok.

✦ JavaScript kodunuzu anında hata ayıklamak için uygulama içinden canlı konsol günlüklerini görüntüleyin.

✦ İstediğiniz zaman tam ekran test için sayfanızı varsayılan tarayıcınızda açın.

✦ Markdown dosyaları zengin, biçimlendirilmiş belgeler olarak görüntülenir. CSV, SVG ve resim dosyaları görsel temsilleriyle açılır - ek adımlara gerek yok.

🌿 TAM GIT VE GITHUB ENTEGRASYONU

VCode, sürüm kontrolünü birinci sınıf bir unsur olarak ele alır.

✦ Eksiksiz Git iş akışı: depoları başlatın, değişiklikleri aşamalandırın, commit mesajları yazın, dallar oluşturun, birleştirin ve gönderin - bunların hepsini uygulamadan çıkmadan yapın.

✦ Kişisel Erişim Belirteci ile GitHub hesabınızı güvenli bir şekilde bağlayın ve projelerinizi tek dokunuşla senkronize edin.

✦ Görsel Fark Görüntüleyici - commit etmeden önce tam olarak neyin değiştiğini inceleyin.

✦ Commit Geçmişi - tüm proje geçmişinizin temiz bir zaman çizelgesinde gezinin.

✦ Canlı ilerleme güncellemeleri ve iptal düğmesiyle herhangi bir genel veya özel depoyu arka planda klonlayın. Kullanıcı arayüzünüz asla donmaz.

✦ Çalışmanızı korumak için güvenlik onaylarıyla birlikte Yumuşak, Karışık ve Sert Sıfırlama desteği.

✦ Son commit'inizi değiştirin, birden fazla dalı yönetin ve herhangi bir commit'i geri alın — hepsi yerel olarak.

📁 MASAÜSTÜ SEVİYESİNDE DOSYA YÖNETİMİ

Çalışma alanınız, sizin tarzınız.

✦ Güzel animasyonlu dosya ağacı — anlık işlemleri ortaya çıkarmak için herhangi bir dosyaya veya klasöre uzun basın.

✦ Dosyaları ve tüm klasör ağaçlarını projeniz genelinde Kes, Kopyala ve Yapıştır. Kesilen dosyalar, masaüstü işletim sisteminde olduğu gibi %70 opaklığa kadar karartılır.

✦ Dosyaları ve klasörleri cihazınızın depolama alanından içe aktarın. Büyük içe aktarma işlemleri, ilerleme bildirimiyle arka planda sessizce çalışır.

✦ Herhangi bir dosyanın mutlak veya göreceli yolunu tek dokunuşla kopyalayın.

✦ Dahili şablonları kullanarak anında yeni projeler başlatın: Boş, HTML veya tam HTML + CSS + JS düzenleri — isteğe bağlı olarak oluşturma sırasında Git başlatma özelliğiyle.

✂️ KOD PARÇASI YÖNETİCİSİ

En çok kullandığınız kod bloklarını kaydedin ve tek bir dokunuşla istediğiniz yere ekleyin. Ekleme işleminden sonra imlecin tam olarak nereye gelmesi gerektiğini belirtmek için kod parçacığınızda "|" işaretini kullanın.

İşte beklediğiniz IDE. Her yerde kod yazın. Anında önizleyin. Güvenle yayınlayın.

Yenilikler

- 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.