비주얼스튜디오 설치 및 기본설정 Visual Studio Tools 에디터 설정

 

비주얼스튜디오 다운로드 및 기본설정 

아래 링크를 통해서

본인 컴퓨터에 맞는거로 다운로드 하시면 됩니다.

 

저같은 경우는 윈도우를 사용해서 윈도우에맞는거로 다운받았습니다.

 

↓

 

비주얼스튜디오 다운로드

https://visualstudio.microsoft.com/ko/downloads/

 

 

 

 

다운로드를 완료한 후에는

프러그인을 설치해야하는데요

--> 몇 프로그램을 통해서 코드작성시 조금 더 편리하게 작성하는거라고 생각하시면 됩니다 .

 

 

총7가지 플러그인을 설치할건데요!
1. Korean Language Pack -> 비주얼스튜디오 프로그램을 한글화

2. Meterial Icon Theme -> 탐색기에서 icon을 조금 더 명확하게 변경해줌3. One Dark Pro -> 에디터 색상을 변경해줌4. Live Server -> 웹 서버(코딩중에 자동으로 웹을 업데이트해줌)5. indent-rainbow ->  들여쓰기를 색으로 구분함6. Bracket Pair Colorizer -> 특정 괄호가 어떤괄호와 연결되어있는지 알려줌7. Auto Rename Tag -> 태그를 변경하면 자동으로 닫는 태그 변경해줌

 

 

 

위에 플러그인들을 변경하기전에 

탭의 크기와 자동 줄바꿈(반응형) 설정을 해보겠습니다. 

 

 

1.

visulal studio 프로그램을 열고

 

ctrl + ,    누르기 - > tab size 검색 

 

 

 

 

4로 되어있는경우 2로 변경하기

 

 

 

tab size가 4로하면 나중에 tab쓸때 너무 우측으로 밀리기떄문에 2로 사용하면 좋음

 

 

2. 추가로 word rap 검색 --> on으로 설정

 

 

 

 

 

word rap은 

VS 크기를 줄였다가 크게했다가 했을때 

반응형으로 해주는역할 

 

 

 

 

3. < 플러그인 설치 >

 

 

(1) Korean Language Pack

그리고 왼쪽에 박스3개짜리 클릭 > korean language 치고 install -->한글로 ui를 볼 수 있음

 

 

 

 

 

 

위에서 검색한것처럼 아래 플러그인들도 검색해서 설치하기 

 

(2) Material Icon Theme

-->탐색기에서 icon을 조금 더 명확하게 바꿔주는역할

 

 

(3) One Dark Pro

-->에디터 색 테마 

 

 

(4) Live Server

서버

 

 

(5) indent-rainbow

각주로 어느탭과같이 있는지를 보여줌 

 

 

 

 

(6) Bracket Pair Colorizer

열고닫는 괄호를 자동으로 짝지어주는 역할

 

--> 이제는 내장기능이되어서 다운로드하지않아도 사용가능

 

 

왼쪽에 적용코드가 있음 적용해야하는데

ctrl , 해서 Bracket Pair 검색

그럼 editor 체크박스 체크하기

그리고 active로 변경하기

 

그럼 사용됨 

 

 

 

(7) Auto Rename Tag

auto rename tag 검색해서 --> 다운로드

역할: 태그를 변경하면 자동으로 변경한 태그에 맞게 바뀜

 

 

 

 

 

VS 다운로드 및 기본설정 플러그인 설치 완료 :)