Visual Studio Code 설정하기
시작하기 전에
본 글은 비주얼 스튜디오 코드(일명 vscode)를 사용하기 위한 환경 설정을 하는 글로,
vscode가 미리 설치되어있지 않은 상태라면 먼저 vscode 설치 글을 보고 오길 바란다.
Visual Studio Code 설치하기
Visual Studio Code(VS Code)란?비주얼 스튜디오 코드 일명 vs code란 Microsoft에서 개발한 오픈 소스 코드 편집기이다.가볍고 빠르면서도 많은 기능들이 있고 여러 프로그래밍 언어를 한 번에 다룰 수 있어
shinistudy.tistory.com
Vscode 설정
Visual Studio Code를 처음 설치하게 되면 Walkthrough라는 탭이 하나 나온다.
VSCode에서 알려주는 알려주는 튜토리얼을 통해 Vscode 설정을 해보도록 하자.
1. GitHub Copilot Chat
첫 번째는 GitHub Copilot이라는 AI 기반 코드 작성 도구 이용하라는 튜토리얼이다.
코드 작성 중 AI가 다음에 입력할 코드를 추천하거나, 오류를 수정하고, 코드 관련 질문에 답변할 수 있다고 한다.
깃허브 계정을 연결한 뒤 Chat with Copilot이나 Ctrl + Alt + I를 누르면 코파일럿 채팅 창이 나온다.
한글도 지원이 되는데 아쉽게도 무료는 아니고 유료 서비스라고 한다. 자세한 내용은 여기에
GitHub Copilot · Your AI pair programmer
GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you.
github.com
2. Choose your Theme
두 번째는 vscode의 사용자 인터페이스 테마를 선택한다.
Browse Color Themes 버튼이나 See More Themes... 링크를 누르면 더 많은 테마가 나온다.
난 그냥 기본으로 선택해 주겠다.
3. Rich support for all your languages
VS Code에서는 다양한 프로그래밍 언어를 지원한다.
그렇기에 내가 사용할 언어를 설정해 주고 선택해야 한다.
Browse Language Extensions 버튼을 클릭한다.
그럼 바로 Extensions 사이드 메뉴가 탭으로 열리면서 여러 가지 언어를 Install 할 수 있게 나온다.
4. Tune your settings
사용자가 VSCode의 동작을 자신에게 맞게 조정할 수 있게 해 준다.
Open Settings 버튼이나 Ctrl + , (쉼표)를 누른다.
설정 탭이 열리면 여러 가지를 설정할 수 있게 해 준다.
하나하나 설명하고 싶었지만 정말 많아도 너무 많아서 필요할 때 열어서 설정해 주면 될 것 같다..
Backup and Sync Settings를 눌러주면 아래와 같이 백업과 sync 할 수 있다.
다만 Sign in을 눌러 로그인해줘야 한다. 깃허브 계정 등으로 로그인할 수 있다.
일단 지금은 기본 설정 그대로 하고 넘겨준다.
5. Unlock productivity with the Command Palette
VS Code의 명령 팔레트(Command Palette)는 단축키(기본: Ctrl+Shift+P 또는 Cmd+Shift+P)로 다양한 명령을 실행할 수 있는 도구다. 이 커맨드 팔레트를 이용할 수 있게 해주는 튜토리얼이다.
Open Command Pelatte를 누르면 위 사진처럼 팔레트가 열린다.
6. Watch video tutorials
무려 비주얼 스튜디오 튜토리얼 영상을 볼 수 있다.
Watch Tutorial 버튼을 누르면 동영상 페이지로 연결된다.
Getting started with Visual Studio Code
Download and learn the basics of Visual Studio Code.
code.visualstudio.com
7. Code with extensions
Next Section을 누르면 숨어있던 섹션이 나온다.
Browse Popular Extensions을 누른다.
그럼 이렇게 인기 있는 확장팩들을 볼 수 있다.
8. Install Git
Git을 Install 하는 섹션이다.
Install Git 버튼을 눌러준다.
그럼 Git 웹페이지로 연결된다.
Git - Installing Git
This book was written using Git version 2. Since Git is quite excellent at preserving backwards compatibility, any recent version should work just fine. Though most of the commands we use should work even in ancient versions of Git, some of them might not
git-scm.com
Git을 설치하고 싶은 분을 위해 Git 설치 글 링크도 달아두겠다.
Git 설치하기
vscode로 작업하다 코드를 깃허브에 올리고 싶어 source control 탭에 들어갔다그랬더니 이런 글이 나왔다. 인기 있는 소스 컨트롤 시스템인 깃이란 무엇이고 어떻게 사용할까? Git이란?Git이란 분산
shinistudy.tistory.com
8. Customize your shortcuts
단축키를 사용자 맞춤으로 설정할 수 있게 해주는 섹션이다.
Keyboard Shortcuts 버튼을 누른다.
그럼 단축키 여러 개가 나온다.
Ctrl + K 나 Ctrl + S를 누른다면 후에도 열 수 있다.
9. Mark Done
마지막으로 Mark Done을 누른다면 설정이 끝난다.
Vscode 작업 폴더 설정
모든 설정을 끝마쳤다면 위와 같은 화면이 나올 것이다.
이제 우리는 VS code로 코드를 작성할 폴더를 만들어 줄 것이다.
Open Folder를 누른다.
새 폴더를 눌러 폴더를 만들고 이름을 vscode로 바꾼 다음 폴더 선택을 선택한다.
그럼 Yes, I trust the authors를 누르고 신뢰할 수 있는 폴더로 만들어 준다.
그럼 이렇게 설정이 완료된다.
Next
VS code의 설정을 끝마쳤으니 우린 이제 모든 언어를 다룰 수 있게 됐다.
다음엔 vscode에서 다양한 언어를 사용해 프로젝트를 시작해 보자.