vs code(visual studio code), 플러그인 설치 및 사용법 정리

python, HTML 등 간단하게 소스를 수정하고, 보기 편한 개발 Tool인 vs code를 많이 사용하는데

설치 및 사용법 자주 쓰는 플러그인 등의 대해서 정리해 보려고 합니다

보통 vs code라고 많이 부르는데 full name은 Visual Studio Code이다

 

요즘 주로 python을 많이 사용하는데 보통은 python 같은 경우에는 pycham을 많이 사용하기도 하는데,

다양한 언어를 쉽게 열어 볼 수 있는 vs code에 손이 더 많이 가는 것 같습니다

거의 Java계열의 언어 말고는 사실상 vs code를 이용하여 소스를 편집하고 보는 거 같습니다

 

1. Visual Studio Code란

Visual Studio Code는 Microsoft에서 개발한 무료이며 오픈 소스의 소프트웨어 개발 도구이다

주로 웹 및 클라우드 응용 프로그램을 개발하는 데 사용되며, 다양한 프로그래밍 언어 및 플랫폼(윈도, macOS, 리눅스)을 지원한다. 사용자 정의 가능한 인터페이스, 코드 편집기, 디버깅 기능, Git 통합, SSH 접속 등의 기능을 제공하여 효율적으로 작업할 수 있도록 도와준다. 또한, 사용자가 편집기의 테마와 단축키, 설정 등을 수정할 수 있다

 

2. Visual Studio Code 다운로드하기

google에 vs code라고 검색해도 되고 아래 링크로 진입해도 된다

원하는 OS버전으로 다운로드하여 특별히 어려운 설정은 없으므로 설치를 진행하면 된다

Visual Studio Code - Code Editing. Redefined

 

3. vs code 폰트 변경 settings.json으로 설정 변경하기

폰트 변경을 위해서는 단축키 Ctrl + P (windows 기준) 누르면 Search files by name과 같은 검색창이 하나 뜨게 된다

아래와 Font Family에 멘 앞에 원하는 폰트명을 써주면 된다 (저는 D2 coding을 맨 앞으로 설정)

※ 폰트 순서는 우선순위로 되어 있어 만약 우선순위에 해당되는 폰트가 없을 경우 다음 폰트가 디폴트로 설정되어 보이게 된다 

<settings.json 검색 하여 진입하기(좌), Font Family에 원하는 폰트 추가(우) >

 

4. vs code extension 설치하기

vs code에도 여는 IDE(Integrated Development Environment) 환경처럼 Plugin 기능을 제공합니다

아래 보이는 빨간 테두리 쳐진 부분이 vs code에서 extension이며 plugin 역할을 하는 기능입니다

<vs code extension(좌), vs code extension 검색(우)>

 

[유용한 extension 정리]

- Auto Rename Tag : HTML에서 여는 태그나 닫는 태그 중 한 가지만 수정을 해도 두 가지 동시에 수정

- Auto Close Tag : 여는 태그와 닫는 태그를 일일이 입력해야 하던 것을 입력태그만 입력

- Bracket Pair Colorizer DLW : 괄호 여러 개가 겹쳐있는 경우에 쌍이 되는 괄호에 맞춰서 색이 변한다

- indent-rainbow : 들여 쓰기를 무지개 색상으로 표현되어 코딩에 도움을 주는 프로그램

- Korean Language Pack for Visual Studio Code : 필요시 한국어 팩을 설치해 한국어로 설정

- Git Lens : 코드의 특정 단락이나 라인에 해당 내용이 언제, 어떤 사람에 의해 작성된 내역인지 커밋 정보를 흐린 글씨로 자동 표시

- IntelliCode : 코드 추천 완성 기능을 지원해 주는 확장팩

 

vs code는 설치 및 사용법이 간편하며 대규모 개발은 모르겠지만 간단하게 개인이 학습용으로 사용하기에는

좋은 도구인 것 같다