VCode - a pocket IDE for web

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

VCode는 단순한 코드 편집기가 아닙니다. 데스크톱 수준의 완벽한 통합 개발 환경(IDE)으로, 스마트폰 환경에서도 타협하지 않는 웹 개발자를 위해 안드로이드용으로 처음부터 새롭게 설계되었습니다.

대부분의 모바일 코드 편집기는 색상 테마만 추가한 고급 텍스트 편집기에 불과합니다. VCode는 근본적으로 다릅니다. 편집기 엔진, 구문 강조 표시, 자동 완성 시스템, Git 통합 등 모든 구성 요소가 성능과 정확성을 최우선으로 고려하여 안드로이드에 맞춰 처음부터 새롭게 개발되었습니다. 웹 기반 편집기를 앱 셸로 감싼 것도 아니고, 데스크톱 라이브러리를 포팅한 것도 아닙니다. 편법이나 어설픈 해결책은 없습니다. 게다가 완전한 오픈 소스입니다.

VCode가 다른 이유

✦ 뷰포트 컬링 및 점진적 강조 표시 기능을 갖춘 맞춤형 네이티브 편집기 엔진 — 수천 줄의 파일에서도 부드러운 작동을 유지합니다.

✦ 컨텍스트 인식 인공지능 — 파일 내용을 이해하는 자동 완성 기능. `style` 태그 안의 CSS, `script` 블록 안의 JavaScript, 그리고 프로젝트 전체의 변수 및 함수 검색 기능을 제공합니다.

✦ Git을 완벽하게 지원합니다. 플러그인이나 별도의 작업 없이 스테이징, 커밋, 브랜치, 병합, 푸시, 스태시, 디프 기능을 기본적으로 사용할 수 있습니다.

✦ GitHub와 완벽하게 통합되어 앱을 종료하지 않고도 리포지토리 생성, 푸시, 풀, 페치, 원격 저장소 관리가 가능합니다.

✦ 오픈 소스이며 투명하게 공개되어 있습니다. github.com/cocodestudio/VCode에서 코드를 읽고, 기여하거나 직접 빌드할 수 있습니다.

⚡ 에디터

✦ HTML, CSS, JavaScript, TypeScript, JSON, Markdown, SVG 구문 강조 표시 - JetBrains Mono로 렌더링됩니다.

✦ 정확한 토큰 위치에 물결선 밑줄이 그려지는 실시간 진단 기능을 제공합니다. 오류는 빨간색, 경고는 노란색, 힌트는 파란색으로 표시됩니다.

✦ 내장 Emmet 확장 기능 - "ul>li*3" 또는 "!"를 입력하면 즉시 전체 코드가 확장됩니다.

✦ HTML, CSS, JS, JSON 코드 서식을 한 번의 탭으로 지정할 수 있으며, 커서 위치가 항상 유지됩니다.

✦ 대소문자 구분, 단어 단위 일치, 정규 표현식 지원을 통한 찾기 및 바꾸기 기능.

✦ 줄 이동, 스마트 자동 들여쓰기, 자동 닫는 괄호, 전체 실행 취소/다시 실행 기록.

👁️ 실시간 미리보기

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

✦ 앱 내에서 바로 코드를 디버깅할 수 있도록 실시간 JavaScript 콘솔 로그를 볼 수 있습니다.

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

✦ Markdown 파일은 서식이 잘 갖춰진 문서로 렌더링됩니다. SVG, CSV, 이미지는 추가 작업 없이 시각적 표현으로 열립니다.

🌿 Git & GitHub

✦ 완벽한 Git 워크플로우 — 초기화, 스테이징, 언스테이징, 커밋, 브랜치 생성, 병합, 스태시 생성, 리셋, 푸시, 풀 기능을 제공합니다.

✦ 시각적 차이점 보기 — 커밋하기 전에 모든 파일의 변경 사항을 정확하게 확인할 수 있습니다.

✦ 커밋 내역 — 프로젝트 전체의 진행 상황을 깔끔하게 스크롤하여 볼 수 있습니다.

✦ 원터치 작업 기능을 갖춘 브랜치 관리자 및 스태시 관리자.

✦ 충돌 해결 UI — 전용 화면에서 병합을 수락하거나, 상대방의 병합을 수락하거나, 병합을 취소할 수 있습니다.

✦ 실시간 진행 상황 표시와 함께 백그라운드에서 공개 또는 비공개 저장소를 복제할 수 있습니다. UI가 멈추지 않습니다.

📁 파일 관리

✦ 애니메이션 효과가 적용된 파일 트리와 길게 누르면 나타나는 컨텍스트 메뉴를 통해 모든 파일 또는 폴더에 대한 작업을 즉시 수행할 수 있습니다.

✦ 프로젝트 전체에서 파일 및 전체 폴더 트리를 잘라내기, 복사, 붙여넣기할 수 있습니다. 잘라낸 항목을 데스크톱 OS처럼 어둡게 표시합니다.

✦ 백그라운드에서 진행 상황 알림을 받으며 기기 저장소에서 파일과 폴더를 가져옵니다.

✦ 템플릿(빈 템플릿, HTML 템플릿, 또는 HTML + CSS + JS 전체 템플릿)을 사용하여 새 프로젝트를 시작하고 선택적으로 Git을 초기화할 수 있습니다.

✦ 스니펫 관리자 - 자주 사용하는 코드 블록을 저장하고 탭 한 번으로 어디든 삽입하세요.

—————————————————

어디에서든 코딩하고, 즉시 미리 보고, 자신 있게 배포하세요.