에디터 추천 :: 비주얼 스튜디오 코드(VSC) 설치 방법

안녕하세요 호호만두에요

오늘은 비주얼 스튜디오 코드(visual studio code) 설치 방법과

기본 환경 설정에 대해서 알아보려고해요

원래 제 노트북에서는 atom(아톰) 에디터를 주로 이용했었는데요

 

다른 친구들 보니까 비주얼 스튜디오 코드가 더 좋아보이더라구요

VSC에서는 그 아래에 있는 콘솔 창에서 직접 명령어 같은거 입력할 수도 있구요

아톰으로 하려면 따로 커맨드창 열어서 해야하니까 불편...

그래서 다른 컴퓨터에는 비주얼 스튜디오 코드(VSC)를 깔아주려고 해요!!

 

---

비주얼 스튜디오 코드 설치하기

---

 

우선 아래의 사이트에 가서 visual studio code를

다운 받아주세요

 

 

 

 

 

 

 

 

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

exe 설치파일을 받고 다운을 시작합니다

다음을 눌러주세요

 

계약에 동의함 체크 후 다음

 

따로 경로 설정해서 설치할 것 아니면 다음!

 

시작 메뉴 폴더를 만들꺼면 그냥 다음

아니라면 시작 메뉴 폴더를 만들지 않음 체크 후 다음

 

위 화면 처럼 체크후 다음

 

이제 기본 설정을 마쳤고 설치 작업을 해줍시다!!

 

그리고 좀만 기다려주시면 금방 설치가 되요

비주얼 스튜디오 코드가 되게 가볍기 때문에

금방 설치 될거에요!!

개인적으로 아톰으로 파일 열려면 되게 느린데

비주얼 스튜디오 코드는 체감상 훨씬 빠르네요..ㅎㅎㅎ

 

---

확장 도구(Extension) 설치하기

---

여기서 부터가 중요한데요

지금까지는 껍데기(?) 설치한거랑 비슷해요

이러한 에디터들이 정말 강력한게 자기가 필요한것들만 깔고

자기 마음대로 편하게 설정할 수 있거든요!!

저는 요즘 파이썬을 많이 쓰기에 파이썬 부터 깔아주었어요

그 외에도 C/C++, ESLint, 크롬 디버거 도구 등도 보이네요

 

아래의 사이트에서 extension을 다운로드 할 수도 있고

비주얼 스튜디오 코드 상의 마켓플레이스에서도 다운로드 할 수 있어요

https://marketplace.visualstudio.com/VSCode

 

파이썬을 클릭하면 위와 같은 창이 나오는데요

여기서 Install을 눌러주면 설치가 됩니다

 

continue 눌러주고 설치!

 

이렇게 vsc상에서도 install 버튼을 통해 설치할 수 있어요

왼쪽에 빨간 네모로 된 부분이 마켓플레이스에요

다양한 extension을 설치할 수 있는 곳이죠

마켓플레이스를 클릭하면 위처럼 나오게 되요

python만 검색해도 되게 많은 extension(확장도구)들이 있는데요

뭐를 다운 받아야될지 모르겠다면

다운 받은 사람수가 제일 많은걸 선택해서 다운하세요 ㅎㅎ

빨간 박스로 된곳의 숫자가 다운받은 사람 수를 뜻해요

 

이렇게 필요한 Extension들을 모두 설치해주세요

저는 이렇게 총 31개의 extension을 설치했어요

자주 쓰는 언어들, 테마, code 색깔 표시, 스펠링 체크

html 언어들을 쓰기 위한 도구들 등등...

모두 편하게 사용하기 위해 설치한 것들이에요

 

설정 탭에 들어가셔서

기본적인 설정들도 모두 바꿔주실 수 있어요

 

VSC가 가볍기도 하지만 무엇보다도 좋다고 생각하는 기능인

밑에 터미널을 쓸수 있는 기능이에요

위의 터미널/새 터미널 또는

ctrl + shitf + ` 단축키를 통해 열 수도 있어요

물론 단축키는 더 편하게 설정도 가능하구요!

 

이렇게 VSC 설치방법과

기본 환경 설정방법에 대해 알아보았어요

모두 즐 코딩 하세요!!

 

도움이 되셨다면 하트나 댓글 부탁드려요~~