Lovable 코드 에디터에서 프로젝트의 소스 코드를 직접 보고 수동으로 편집합니다.
프로젝트 코드 보기 및 편집
Lovable 코드 에디터에서 프로젝트의 소스 코드를 직접 보고 수동으로 편집합니다.
이 기능은 프로젝트의 기본 코드베이스에 직접 액세스할 수 있게 해 줍니다. 도구를 전환하거나 프로젝트를 내보내지 않고도 파일을 검사하고, 타겟팅된 편집을 수행하고, 이슈를 해결할 수 있습니다.
할 수 있는 것
코드 에디터 뷰에서 다음을 할 수 있습니다:
- 전체 프로젝트 파일 구조 탐색
- 파일 전반 검색 및 특정 컴포넌트로 이동
- 파일을 직접 검사하고 편집
- 코드 포맷팅
- 파일 콘텐츠 복사
- 파일 다운로드
- Markdown 파일을 렌더링된 텍스트로 미리보기
코드 에디터에서.md또는.markdown파일을 열고 툴바의 눈 아이콘을 클릭하면 원본 소스와 렌더링된 프리뷰를 전환할 수 있습니다. 에디터를 벗어나지 않고도 README, 문서, 기타 Markdown 파일을 서식이 적용된 텍스트로 더 쉽게 읽을 수 있습니다. 프리뷰는 표, 작업 목록, 링크, 코드 블록 등 일반적인 Markdown 서식을 지원합니다. - 채팅에서 파일을 참조하여 타겟팅된 편집과 논의를 더 빠르고 명확하게 진행
채팅에서 코드 파일 멘션.
@를 입력하거나 코드 에디터의 reference file in chat 버튼을 클릭해 특정 파일을 멘션합니다. 예시:
@src/components/UserProfile.tsx add a loading state here
알아두면 좋은 점
- 여기서 만든 변경 사항은 즉시 프로젝트에 영향을 줍니다
- 코드 편집은 유료 플랜에서만 사용 가능합니다
- 이 기능은 수동 조정을 위한 것이며 Build 모드로 빌드할 때는 필요하지 않습니다