[VS Code] project tree - 파일 트리 구조 자동 생성

sh.j225·2023년 8월 7일
1
post-custom-banner

VS Code(Visual Studio Code)는 Microsoft에서 개발한 무료이며 경량화된 텍스트 편집기이자 통합 개발 환경(IDE)이다. VS Code는 다양한 프로그래밍 언어와 프레임워크를 지원하며, 확장성이 뛰어나서 사용자들이 원하는 기능을 추가할 수 있다.

"Project Tree"라는 용어는 일반적으로 프로젝트의 디렉토리 구조와 파일을 시각적으로 표시하는 기능을 의미한다.

프로젝트 폴더 열기: VS Code를 실행하고 메뉴에서 "파일(File)" > "폴더 열기(Open Folder)"를 선택하여 프로젝트 폴더를 연다.

사이드바 탐색기 사용: 왼쪽 사이드바의 탐색기(Explorer) 아이콘을 클릭하거나 Cmd + Shift + E (Mac) 키보드 단축키를 사용하여 탐색기를 연다.

폴더 및 파일 표시: 탐색기에서는 열려있는 프로젝트의 폴더 및 파일을 표시한다. 프로젝트 내의 폴더를 확장하고 파일을 선택하여 내용을 확인할 수 있다.

확장 기능(Extensions) 설치: 프로젝트 트리에 더 많은 정보나 기능을 추가하려면 확장 기능을 설치하여 사용하면 된다. 예를 들어, "Project Manager"와 같은 확장 기능을 설치하면 여러 프로젝트를 관리하고 빠르게 전환할 수 있다.

작업 공간(Workspace) 설정: 작업 공간을 설정하여 특정 프로젝트와 관련된 설정, 확장 기능 등을 따로 관리할 수 있다. "파일(File)" > "작업 공간 저장(Workspace Save As)"을 선택하여 작업 공간을 만들고 설정을 저장할 수 있다.

파일 및 폴더 생성: 탐색기에서 마우스 오른쪽 버튼을 클릭하거나 Cmd + N (Mac) 키보드 단축키를 사용하여 새 파일이나 폴더를 생성할 수 있다.

파일 탐색 및 편집: 탐색기에서 파일을 더블 클릭하여 편집하거나, 오른쪽 버튼을 클릭하여 파일을 탐색하고 다양한 작업을 수행할 수 있다.

이렇게 하면 VS Code 내에서 프로젝트 트리를 관리하고 작업할 수 있다.

post-custom-banner

0개의 댓글