[코딩 배우기] VScode 비주얼 스튜디오 코드 기본 인터페이스 사용법

로고

https://coupa.ng/bSu0cn

삼성전자 카카오 외장하드 HX-MK10K1P

 

Visual Studio Code는 가볍고 강력한 소스 코드 편집기로 데스크톱에서 실행되며

Windows, MacOS 및 Linux에서 사용할 수 있다. 

 

▶ VS Code Main Page  ◀

 

1. 파일이나 폴더를 만들 수 있는 영역

2. 최근에 작성한 프로젝트 목록을 보여주는 영역

3. 비주얼 스튜디오 코드의 도움말을 볼 수 있는 영역

4. 비주얼 스튜디오 코드의 환경을 설정할 수 있는 영역

메인01

---

▶ Activity Bar 첫 번째 Tap: 프로젝트 폴더와 파일 관리  ◀

※ Activity Bar의 첫 번째 탭은 프로젝트 폴더와 파일들을 관리해 주는 탐색 창이 있는 영역입니다. ※

 

▶ 프로젝트 폴더 만드는 방법  ◀

1. Activity Bar의 첫 번째 탭을 선택하고 Open Folder를 클릭 후에

신규 작업할 프로젝트 폴더를 원하는 위치에 생성시켜 줄 수 있습니다.

프로젝트 폴더생성 방법

---

▶ 기존 프로젝트 지정방법  ◀

 

1. Side Bar의 첫 번째 탭을 선택하고 Open Folder를 클릭 후에

작업할 프로젝트 폴더를 선택하고 열어주면 됩니다.

프로젝트 폴더 지정방법

---

▶ 파일 및 폴더 만드는 방법  ◀

1. Explorer 창의 오른쪽 첫번째에 있는 New File 아이콘을 클릭하여 만들 수 있습니다.

2. 프로젝트 폴더 창에서 마우스 오른쪽 버튼을 클릭하여 New File 메뉴를 선택하여 만들 수 있습니다.

3. Explorer 창의 New File 아이콘 옆의 New Folder를 클릭하여 만들 수 있습니다.

2. 프로젝트 폴더 창에서 마우스 오른쪽 버튼을 클릭하여 New Folde 메뉴를 선택하여 만들 수 있습니다.

실행01

https://coupa.ng/bSu0zF

삼성전자 카카오 외장하드 HX-MK20K1B

---

▶ Activity Bar 두번째 Tap : 검색창 ◀

 

※ Activity Bar의 두 번째 탭은 프로젝트 폴더 내에서 특정 단어를 검색하거나 교체할 때 사용하는 검색창 ※

실행02

---

▶ Activity Bar 세 번째 Tap : Source Control ◀

 

Activity Bar의 세 번째 탭은 Source Control이라고 하고

Git과 연동하여 Version Control이 가능하게 만들어주는 Tap입니다.

실행03

---

▶ Activity Bar 네 번째 Tap : Debugger ◀

 

Activity Bar의 네 번째 탭은 Debugger라고 하고

소스코드의 문제를 찾아서 소스코드를 디버깅할 때 쓰는 툴(tool)입니다.

실행04

---

▶ Activity Bar 다섯 번째 Tap : Extension ◀

 

Activity Bar의 다섯 번째 탭은 Extension이라고 하고

Visual Studio Code에 추가적인 기능들을 설치할 수 있게 만들어주는 곳입니다.

다양한 익스텐션을 검색, 설치할 수 있습니다.

익스텐션창

---

▶ Command Palette ◀

 

Command Palette은 Visual Studio Code에서 실행 가능한 명령어를 검색해서  

빠르게 실행시킬 수 있도록 도와주는 역할을 합니다.

※ 단축키 MacOs : cmd + shift + p ※

샐행05

https://coupa.ng/bSuZvu

앱코 조약돌 레트로 키캡 축교환 레인보우 LED 게이밍 기계식 유선 키보드 갈축

앱스토리몰 바로가기