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 тіркелгіңізді Жеке кіру токенімен қауіпсіз түрде қосыңыз және жобаларыңызды бір рет басу арқылы синхрондаңыз.
✦ Көрнекі айырмашылықты қарау құралы — коммит жасамас бұрын не өзгергенін нақты қарап шығыңыз.
✦ Коммит тарихы — бүкіл жоба тарихыңыздың таза уақыт шкаласын айналдырыңыз.
✦ Тікелей прогресс жаңартулары және бас тарту түймесі арқылы кез келген қоғамдық немесе жеке репозиторийді фонда көшіріңіз. Сіздің пайдаланушы интерфейсіңіз ешқашан қатып қалмайды.
✦ Жұмысыңызды қорғау үшін қауіпсіздік растаулары бар жұмсақ, аралас және қатты қалпына келтіруді қолдайды.
✦ Соңғы коммитіңізді өзгертіңіз, бірнеше тармақтарды басқарыңыз және кез келген коммитті қайтарыңыз — барлығы жергілікті түрде.

📁 ЖҰМЫС ҮСТЕЛІНДЕГІ ФАЙЛДАРДЫ БАСҚАРУ

Сіздің жұмыс кеңістігіңіз, сіздің қалауыңыз бойынша.

✦ Әдемі анимацияланған файл ағашы — кез келген файлды немесе қалтаны лезде әрекеттерді көрсету үшін ұзақ басып тұрыңыз.
✦ Жобаңыздағы файлдарды және тұтас қалта ағаштарын қиып, көшіріп және қойыңыз. Файлдардың мөлдірлігін 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.