본문 바로가기

IT

비주얼 스튜디오 코드 확장 추천 '필수 기능'

비주얼 스튜디오 코드 확장 추천 '필수 기능  3가지'

비주얼 스튜디어 코드를 설치한 후에 반드시 설치해야 할 익스텐션 3가지를 소개한다.

비주얼 스튜디어 코드는 익스텐션이 워낙 풍부해서 활용하기에 유용한 기능들이 많지만, 이 중에서 반드시 필요한 3가지만 꼽으면 다음과 같다.

Contents

    비주얼 스튜디오 코드 확장 추천 1.
    Material Theme

    비주얼 스튜디오 코드 테마를 변경하는 프로그램이다. Material Theme는 확장에서 컴색하면 바로 나온다.

    비주얼 스튜디오 코드 확장 기능 Material Theme를 적용해 배경색과 글자색등이 조합되어 있는 테마를 선택할 수 있다. 비주얼 스튜디오 코드의 기본이 하얀색이지만 많은 프로그래머들은 검은색 계열을 사용한다. 
    그 이유는 코드의 가독성 때문이다. 


    Material Icon Theme
    Material Icon Theme는 이름 그대로 아이콘 테마이다. html / css / js 등 파일 종류에 따라 아이콘을 변경한다. 
    아이콘이 깔끔할 뿐만 아니라 파일을 바로 구분할 수 있는 가독성이 있어, 많은 프로그래머들이 선호한다.
    하지만 반드시 필요한 확장 기능 정도는 아니라서, 개인적으로는 사용하지 않지만 미적 기능을 중시하거나 대형 프로젝트를 진행할 시 파일이 많아 가독성이 떨어질 시 설치하면 유용한 익스텐션이다.

    비주얼 스튜디오 코드 확장 추천 2.
    Live server
    Live Server는 비주얼 스튜디오 코드가 지닌 막강한 기능이므로 반드시 설치할 필요가 있다. 에디터로 작성한 코드가 브라우저에서 어떻게 구현되는 지를 바로 확인하면서 코드를 작성할 수 있어 유용하다. 비주얼 스튜디오 코드를 사용하는 프로그래머라면 거의 모두 다 Live Server를 사용하고 있다고 해도 과언이 아니다.

     

    비주얼 스튜디오 코드 확장 추천3.
    Korean Language Pack
    비주얼 스튜디오 코드 '필수 기능에서 뺴 놓을 수 없는 익스텐션으로 Korean Language Pack for Visual Studio Code가 있다. 바로 비주얼 스튜디오 코드의 한글 어 팩이다. 확장에서 korean으로 검색하면 쉽게 찾을 수 있다. 이것을 설치를 한 후에 재실행하면 영어가 한글로 변경된 것을 확인할 수 있다.

    비주얼 스튜디오 코드 설치 및 한글(Live Server 설치)