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 жумуш агымын толук аткарыңыз: репозиторийлерди инициализациялаңыз, этаптарды өзгөртүңүз, commit билдирүүлөрүн жазыңыз, бутактарды түзүңүз, бириктириңиз жана түртүңүз — мунун баары колдонмодон чыкпастан.
✦ GitHub аккаунтуңузду Жеке Кирүү Токени менен коопсуз туташтырыңыз жана долбоорлоруңузду бир чыкылдатуу менен синхрондоштуруңуз.
✦ Visual Diff Viewer — commit кылуудан мурун эмне өзгөргөнүн так карап чыгыңыз.
✦ Commit History — бүт долбоор тарыхыңыздын таза убакыт тилкесин жылдырыңыз.
✦ Түз прогресс жаңыртуулары жана жокко чыгаруу баскычы менен фондо каалаган коомдук же жеке репозиторийин клондоштуруңуз. Сиздин UI эч качан тоңуп калбайт.
✦ Жумушуңузду коргоо үчүн коопсуздук ырастоолору менен жумшак, аралаш жана катуу баштапкы абалга келтирүү колдоосу.
✦ Акыркы commitиңизди өзгөртүңүз, бир нече бутактарды башкарыңыз жана каалаган commitти кайтарыңыз — мунун баары жергиликтүү түрдө.

📁 ЖУМУШ ОРДУНДАГЫ ФАЙЛДАРДЫ БАШКАРУУ

Сиздин жумуш мейкиндигиңиз, сиздин жолуңуз.

✦ Кооз анимацияланган файл дарагы — каалаган файлды же папканы заматта басып, заматта аракеттерди көрсөтүңүз.
✦ Долбооруңуздагы файлдарды жана бүтүндөй папка дарактарын кесип, көчүрүп жана чаптаңыз. Файлдардын тунуктугун 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.