VCode - a pocket IDE for web

CoCode Studio

앱 정보

💻 VCode — 주머니에 쏙 들어가는 IDE

드디어 장난감 같지 않은 안드로이드 코드 에디터가 나왔습니다.

웹페이지를 처음 작성하는 완전 초보 개발자든, 스마트폰으로 핫픽스를 배포하는 숙련된 개발자든, VCode는 손안에서 데스크톱 수준의 코딩 환경을 제공합니다.

⚡ 속도를 위한 코드 에디터

VCode 에디터는 빠릅니다. 놀라울 정도로 빠릅니다.

✦ HTML, CSS, JavaScript, JSON, Markdown, SVG에 대한 아름다운 구문 강조 표시 - 모두 세련된 JetBrains Mono 폰트로 표시됩니다.

✦ 코드를 실제로 이해하는 스마트하고 컨텍스트 인식 자동 완성 기능: `style` 태그 안의 CSS 제안, `script` 블록 안의 JavaScript 힌트, 프로젝트 전체 변수 검색 기능까지 제공합니다.

✦ 내장 Emmet 확장 기능 - "ul>li*3"을 입력하면 즉시 전체 HTML로 확장됩니다. "!"를 입력하면 전체 HTML로 확장됩니다. 커서가 이미

안에 있는 완전한 HTML 보일러플레이트를 생성합니다.

✦ HTML, CSS, JavaScript 및 JSON 코드 서식을 한 번의 탭으로 지정할 수 있으며, 커서는 원래 위치에 그대로 유지됩니다.

✦ 대소문자 구분, 전체 단어 및 정규 표현식 모드를 지원하는 찾기 및 바꾸기 기능.

✦ 줄 이동, 스마트 자동 들여쓰기, 자동 닫는 괄호, 실시간 상태 표시줄을 통한 실시간 JSON 유효성 검사.

✦ 부드러운 뷰포트 기반 하이라이팅으로 수천 줄의 코드도 끊김 없이 처리합니다.

👁️ 실시간 미리보기 - 작업 결과를 즉시 확인하세요

더 이상 앱을 전환할 필요가 없습니다. VCode가 브라우저를 바로 당신에게 가져다줍니다.

✦ 강력한 내장 WebView에서 탭 한 번으로 활성 HTML 파일을 실행할 수 있습니다. 설정이나 대기 시간이 필요 없습니다.

✦ 앱 내에서 바로 콘솔 로그를 확인하여 이동 중에도 JavaScript를 디버깅할 수 있습니다.

✦ 언제든지 기본 브라우저에서 페이지를 열어 전체 화면으로 테스트할 수 있습니다.

✦ 마크다운 파일은 서식이 잘 갖춰진 문서로 렌더링됩니다. CSV, SVG 및 이미지 파일은 별도의 작업 없이 시각적 표현으로 열립니다.

🌿 완벽한 Git 및 GitHub 통합

VCode는 버전 관리를 핵심 기능으로 다룹니다.

✦ 완벽한 Git 워크플로: 앱을 종료하지 않고도 저장소 초기화, 변경 사항 스테이징, 커밋 메시지 작성, 브랜치 생성, 병합 및 푸시를 모두 수행할 수 있습니다.

✦ 개인 액세스 토큰(PAT)을 사용하여 GitHub 계정을 안전하게 연결하고 탭 한 번으로 프로젝트를 동기화하세요.

✦ 시각적 차이점 보기: 커밋하기 전에 변경 사항을 정확하게 검토하세요.

✦ 커밋 기록: 전체 프로젝트 기록을 깔끔한 타임라인으로 스크롤하여 확인하세요.

✦ 실시간 진행 상황 업데이트 및 취소 버튼을 통해 모든 공개 또는 비공개 저장소를 백그라운드에서 복제할 수 있습니다. UI가 멈추는 일은 없습니다.

✦ 소프트 리셋, 혼합 리셋 및 하드 리셋을 지원하며, 작업 내용을 안전하게 보호합니다.

✦ 마지막 커밋 수정, 여러 브랜치 관리, 모든 커밋 되돌리기 - 이 모든 기능을 기본적으로 제공합니다.

📁 데스크톱급 파일 관리

나만의 작업 공간을 만들어보세요.

✦ 아름다운 애니메이션 파일 트리 - 파일이나 폴더를 길게 누르면 바로 실행 가능한 작업이 나타납니다.

✦ 프로젝트 전체에서 파일과 폴더 트리를 잘라내기, 복사, 붙여넣기할 수 있습니다. 잘라낸 파일은 데스크톱 OS처럼 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.