Visual Studio Code 쉬운 설치/ VSCode 코드 편집기 추천 및 설치/ Vscode 한글 설정방법 / VSCode 코드 확대축소 하는방법/ VSCode란? / 프로그래밍 에디터 추천

Visual Studio Code란?

 

윈도우(Windows), 맥(Mac OS), 리눅스(Linux) 운영체제 모두에서 사용 가능한 에디터로

쉽게 말하면 '소스 코드 편집기'이다. 이는 Microsoft(MS)에서 개발하였다. 

또한 유료인 Visual Studio와 달리 무료로 개인, 기업 누구나 사용 가능하다.

 

더욱 자세히는 Atom 에디터에 사용된 '일렉트론(Electron)'이란 프레임워크 기반으로 만들어졌다.

(※일렉트론은 Node.js와 크로미움을 사용하여 깃허브에서 개발한 GUI 프레임 워크이다.)

 

Visual Studio Code는 Visual Studio와 다르게

IDE가 아니므로, 빌더가 내장되어 있지 않아 비쥬얼스튜디오 코드에서 빌드를 하려면

별도의 컴파일 환경을 구축해야만 한다. 

 

---

Visual Studio Code 설치하기

 

아래 주소 클릭

▼

https://code.visualstudio.com/Download

링크를 타고 들어가면 아래와 같은 화면이 나온다.

사용하는 운영체제(OS)에 맞게 다운로드를 받으면 된다.

 

나는 윈도우이므로 윈도우를 기준으로 살펴보도록 하겠다.

---

여기서 User Installer와 System Installer 중 어떤 것을 설치해야 하는 지 모를 것이다.

우선 2개는 프로그램이 설치되는 위치가 다르다.

 

User Installer의 경우

C:\Users\사용자이름\AppData\Local\Programs\Microsoft VS Code 

위치를 해석하면, 현재 로그온된 사용자 계정에만 설치하는 것이다.

 

System Installer의 경우

C:\Program Files\Microsoft VS Code

이는 Widows 전체 사용자 계정에서 사용할 수 있도록 하는 것이다.

이때 관리자 권한이 필요하기 때문에 System 이름이 붙은 것 같다.

 

사용자 계정을 여러 개 사용하고, 계정 모두에서 비쥬얼 스튜디오 코드를 사용하고 싶다면 'System Installer'가 좋은 것 같다.

 

---

설치를 누르면 설치 실행파일이 컴퓨터에 다운로드가 된다.

다운로드가 완료되면 설치 파일을 실행해준다.

 

그러면 아래 화면들이 나온다.

---

라이센스에 동의하지 않으면 설치를 할 수가 없다. 거의 강제 동의해야 한다.

---

설치 파일들을 모아놓는 폴더가 있다면 '찾아보기'를 눌러 설정을 해주면 된다.

없다면 그냥 다음을 누른다.

---

[시작] 컴퓨터 왼쪽 아래에 있는 버튼을 눌렀을 때

Visual Studio Code가 나타나게 하고 싶으면 그냥 다음을 누르고,

그렇지 않다면 체크박스에 체크를 하고 다음을 누른다.

---

여기서 4개 부분 다 체크하는 것을 추천한다.

PATH나 Code에 대해 잘 아는 분에 한에서

선택적으로 체크하길 바란다.

---

설치가 완료되었다.

---

---

Visual Studio Code(VSCode) 한글 설정하는 방법

우선 VSCode 설치가 완료되었으면

VSCode를 실행시켜준다.

 

그럼 아래와 같은 화면이 나올 것이다.

 

---

위에 빨간색으로 동그라미가 된 부분을 클릭해보자.

그럼 아래와 같은 화면이 나오는데, 

영어가 많이 나온다고 해서 당황하지 말자.

왼쪽 위에 '검색 창'만 활용할 것이다.

검색창에 우리가 친숙한 영어단어인 'Korean'을 검색해보자.

---

그러면 가장 위에 '한국어'가 적힌 부분을 클릭하게 되면

지구본 모양의 'VS Code용 한국어 팩' 화면이 나온다.

'Install'을 클릭해 설치를 해준다.

그리고, 'Visual Studio Code' 창을 껐다가 다시 키게 되면 한국어가 설정된다.

Install 클릭 후 설치가 완료되면 오른쪽 아래에 'Restart' 부분이 나온다.

'Restart' 버튼을 클릭하게 되면 다시 실행되고 한국어가 적용된다.

---

Visual Studio Code 마우스 휠로 확대, 축소 하는 방법

VS Code를 사용하다보면 내가 작성한 코드가 작게 보이는데, 

내 마음대로 확대가 되지 않아 불편함을 겪었던 사람들이 많을 것이다.

나와 같이 겪었다면 도움이 되길 바란다.

---

우선 VS Code 창을 키고 왼쪽 아래에 있는 '톱니바퀴'를 누른다. 

---

그럼 아래와 같이 '일반적으로 사용되는 설정'들이 쭉 나온다.

매우 많은 양의 설정이 나온다. 

그래서 우리가 원하는 마우스 기능 설정을 찾기 위해 위에 '검색'을 활용한다.

---

검색 창에 'mouse wheel'을 검색한다.

그러면 아래와 같은 화면이 나오는데

거기서 'Editor: Mouse Wheel Zoom'이 보일 것이다.

왼쪽 체크박스가 있을텐데 체크를 해주면

바로 마우스 휠을 'Ctrl'키를 누르면서 움직이면

글꼴이 확대/ 축소가 된다.