Releases: junnyontop-pixel/VisualGitCode_Lite
Releases · junnyontop-pixel/VisualGitCode_Lite
Emmet Magic & Multi-Language Support
🚀 VisualGitCode_Lite v1.1.0 릴리스 노트
에디터가 단순한 텍스트 상자를 넘어, 언어별 문법을 이해하고 반응하는 지능형 엔진으로 업데이트되었습니다.
🌟 이번 버전의 핵심: '에밋(Emmet) 마법'
이제 HTML 파일에서 !만 치면 귀찮은 기본 태그들을 일일이 쓸 필요가 없습니다.
1. HTML5 템플릿 자동 생성 (!)
- 작동 방식:
!입력 후Enter시 표준 HTML 뼈대 코드가 즉시 삽입됩니다. - 스마트 커서: 코드가 생기자마자 커서가
<body>태그 안쪽으로 자동 이동합니다. - 정교한 제어: 위치 표시용 기호(
|)를 추적하여 커서를 배치하고 기호는 자동으로 삭제하는 고급 로직이 적용되었습니다.
2. 언어별 자동완성 분리
- HTML: 태그 자동 닫기 및 스니펫 기능 (
icon: <>) - CSS: 속성 키워드 추천 및
:입력 시 자동;생성 (icon: #) - JavaScript: 최신 예약어 필터링 지원 (
icon: {})
🛠 앞으로의 로드맵 (Future Roadmap)
우리의 에디터는 여기서 멈추지 않습니다! 다음 버전(v1.2.0)을 위해 준비 중인 기능들입니다.
1순위: ✨ 코드 포맷터 (Code Formatter)
- 목표:
Alt + F를 누르면 뒤죽박죽인 들여쓰기를 한 번에 정렬합니다. - 원리: 중괄호(
{})와 태그 구조를 분석하여 줄을 맞춥니다.
2순위: 🎨 컬러 피커 (Color Picker)
- 목표: CSS 색상 코드 위에서 마우스를 클릭하면 시각적 색판이 뜹니다.
- 효과: 코드를 직접 고치지 않아도 눈으로 보며 색을 변경합니다.
3순위: 🗺 미니맵 (Minimap)
- 목표: 우측에 코드 전체를 아주 작게 시각화합니다.
- 효과: 긴 코드에서도 내가 원하는 위치를 빠르게 찾습니다.
4순위: 🖼 이미지 미리보기 (Image Preview)
- 목표:
<img>태그 경로에 마우스를 올리면 실제 이미지를 띄워줍니다.
👨💻 개발자 한마디
"내 손으로 만든 에디터가 실제 VS Code처럼 작동할 때 가장 큰 즐거움을 느낍니다. 다음 단계인 포맷터 기능까지 성공해서 완벽한 에디터를 완성하겠습니다!"
VisualGitCode_Lite v1.0.0: HTML/CSS/JS Support
🚀 VisualGitCode_Lite v1.0.0
GitHub 웹 에디터를 VS Code처럼 강력하게 만드는 첫 번째 공식 릴리스입니다!
이제 HTML, CSS, JavaScript 모든 환경에서 스마트한 코딩이 가능합니다.
✨ 이번 버전의 주요 기능
1. 🌐 HTML 스마트 태그 완성
- 태그 자동 확장: 단어 입력 후
Enter를 누르면 자동으로 여는 태그와 닫는 태그를 생성합니다. (예:p→<p>|</p>) - 스마트 커서: 태그 생성 즉시 커서가 태그 사이로 이동하여 바로 내용을 입력할 수 있습니다.
2. 🎨 CSS 스타일 어시스트
- 콜론 자동 완성:
:입력 시 공백과 세미콜론이 자동으로 추가됩니다. (예:color: |;) - 가독성 향상: 속성과 값 사이에 적절한 공백을 배치하여 코드 스타일을 유지합니다.
3. 📜 JavaScript 지능형 추천
- 키워드 팝업:
const,function등 주요 키워드를 입력할 때 자동 완성 팝업을 제공합니다. - 스마트 네비게이션: 화살표 키로 항목을 선택하고
Tab이나Enter로 즉시 입력할 수 있습니다.
4. 🛠️ 공통 기능 및 성능 개선
- 괄호 자동 완성: 모든 언어에서
(,[,{,",'입력 시 닫는 기호를 자동으로 생성합니다. - 언어 자동 감지: 확장자 및 URL을 분석하여 현재 편집 중인 파일에 맞는 최적의 기능을 실행합니다.
- 이벤트 시스템 최적화: 핸들러 구조를 개편하여 타이핑 시 딜레이를 최소화했습니다.
VisualGitCode_Lite - Keep Coding, Anywhere.