VCode - a pocket IDE for web

CoCode Studio

Энэ аппын тухай

💻 VCode — Таны халаасанд багтах IDE

Эцэст нь, тоглоом шиг санагдахгүй Android дээрх код засварлагч.

Та анхны вэб хуудсаа бичиж эхэлж байгаа эсвэл туршлагатай хөгжүүлэгч утсан дээрээ засвар хийж байгаа эсэхээс үл хамааран VCode нь танд жинхэнэ, ширээний түвшний код бичих орчныг таны алган дээр шууд өгөх болно.

⚡ ХУРДАНД ЗОРИУЛСАН КОД ЗАСВАРЛАГЧ

VCode-ийн засварлагч хурдан. Маш хурдан.

✦ HTML, CSS, JavaScript, JSON, Markdown болон SVG-д зориулсан үзэсгэлэнтэй синтакс тодруулга — бүгдийг нь гоёмсог JetBrains Mono фонтоор харуулсан.
✦ Таны кодыг үнэхээр ойлгодог ухаалаг, контекстэд мэдрэмтгий автомат гүйцээлт: `style` шошго доторх CSS саналууд, `script` блок доторх JavaScript зөвлөмжүүд, төслийн хэмжээнд хувьсагч нээх.
✦ Суурилуулсан Emmet өргөтгөл — "ul>li*3" гэж бичээд шууд бүрэн HTML болгон өргөжүүлнэ үү. Курсороо

дотор аль хэдийн байрлуулсан бүрэн HTML загвар үүсгэхийн тулд "!" гэж бичнэ үү.
✦ HTML, CSS, JavaScript болон JSON-д зориулсан нэг товшилтоор код форматлах — таны курсор яг байрандаа үлдэнэ.
✦ Том жижиг үсгийн мэдрэмж, бүхэл үг болон тогтмол горимоор хайх ба солих.
✦ Шугамын навигаци, ухаалаг автомат догол мөр, автоматаар хаах хаалт, шууд төлөвийн мөр бүхий бодит цагийн JSON баталгаажуулалт руу очно уу.
✦ Харах цонхонд суурилсан жигд тодруулга нь мянга мянган мөрийг нэг ч гацалтгүйгээр зохицуулдаг.

👁️ ШУУД УРЬДЧИЛАН ҮЗЭХ — АЖЛЫГ ШУУД ҮЗ

Аппликейшн солихоо боль. VCode нь танд хөтөчийг авчирдаг.

✦ Идэвхтэй HTML файлаа хүчирхэг суурилагдсан WebView дээр ганц товшилтоор ажиллуулна уу — тохиргоо хийх шаардлагагүй, хүлээх шаардлагагүй.
✦ Замдаа JavaScript-ээ дибаг хийхийн тулд шууд консолын бүртгэлийг апп дотор шууд үзнэ үү.
✦ Бүтэн дэлгэцийн тест хийхийг хүссэн үедээ анхдагч хөтөч дээрээ хуудсаа нээнэ үү.
✦ Markdown файлууд нь баялаг, форматлагдсан баримт бичиг хэлбэрээр харагддаг. CSV, SVG болон зургийн файлууд нь харааны дүрслэлээрээ нээгддэг — нэмэлт алхам шаардлагагүй.

🌿 БҮРЭН GIT & GITHUB ИНТЕГРАЦИ

VCode нь хувилбарын хяналтыг нэгдүгээр зэрэглэлийн иргэн гэж үздэг.

✦ Git ажлын урсгалыг бүрэн гүйцэд хийх: репозиторийг эхлүүлэх, үе шатны өөрчлөлт хийх, коммитын мессеж бичих, салбар үүсгэх, нэгтгэх, түлхэх — бүгдийг нь аппликейшнаас гарахгүйгээр хийх.
✦ GitHub бүртгэлээ Хувийн хандалтын токеноор найдвартай холбож, төслүүдээ нэг товшилтоор синк хийх.
✦ Visual Diff Viewer — коммит хийхээсээ өмнө юу өөрчлөгдсөнийг яг таг хянана уу.
✦ Коммитын түүх — төслийнхөө бүх түүхийн цэвэр цагийн хуваарийг гүйлгэх.
✦ Шууд явцын шинэчлэлт болон цуцлах товчлуураар ард байгаа аливаа нийтийн болон хувийн репозиторыг клон хийх. Таны UI хэзээ ч хөлддөггүй.
✦ Ажлаа хамгаалахын тулд аюулгүй байдлын баталгаажуулалттай зөөлөн, холимог болон хатуу дахин тохируулах дэмжлэг.
✦ Сүүлийн коммитоо өөрчлөх, олон салбарыг удирдах, аливаа коммитийг буцаах — бүгдийг нь төрөлхийн.

📁 ДЭСГЭРИЙН ТҮВШИНДЭЭР ФАЙЛЫН УДИРДЛАГА

Таны ажлын талбар, таны хүссэнээр.

✦ Үзэсгэлэнтэй хөдөлгөөнт файлын мод — аливаа файл эсвэл фолдерыг удаан дарж, шуурхай үйлдлүүдийг харуулна.
✦ Төслийнхөө дагуу файл болон бүх фолдерын модыг хайчилж, хуулж, буулгана. Файлуудын тунгалаг байдлыг 70% хүртэл бүдгэрүүлнэ - яг л ширээний үйлдлийн систем дээрх шиг.
✦ Төхөөрөмжийнхөө сангаас файл болон фолдеруудыг импортло. Том хэмжээний импортын үйлдлүүд нь явцын мэдэгдлийн хамт арын дэвсгэр дээр чимээгүйхэн ажилладаг.
✦ Аливаа файлын үнэмлэхүй эсвэл харьцангуй замыг нэг товшилтоор хуулж авна.
✦ Суурилуулсан загваруудыг ашиглан шинэ төслүүдийг шууд эхлүүлнэ үү: Хоосон, HTML эсвэл бүрэн HTML + CSS + JS загварууд — үүсгэх үед Git-ийн эхлүүлэх сонголттой.

✂️ ХЭСЭГ МЕНЕЖЕР

Хамгийн их ашиглагддаг кодын блокуудаа хадгалж, нэг товшилтоор хаана ч оруулна уу. Хэсэгтээ "|" тэмдэг ашиглан оруулсны дараа курсор хаана буух ёстойг яг таг тэмдэглэнэ үү.

Энэ бол таны хүлээж байсан IDE юм. Хаана ч кодлоно уу. Шууд урьдчилан харах. Итгэлтэйгээр хүргэлт хийх.

Шинэ юм юу байна

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