Visual Studio Code (이하 VS Code), 비주얼 스튜디오 코드는 MS에서 개발된 IDE로 윈도우, macOS, 리눅스에서 사용이 가능하다. 처음 접한것은 대학 학부시절 Eclipse(이하 이클립스)를 사용하다가 였다. 이클립스는 투박한 UI에 영어로 되어있어서 잘 적응이 되지 않았다. 다른 IDE에 대해서는 관심이나 찾아 볼 생각을 하지 않았다.(왜지...?)
시간이 흘러 다양한 IDE를 접하면서 Visual Studio Code에 정착하게 되었다. 그 외 다양한 요소가 존재하였다.
설치
https://code.visualstudio.com/
VS Code는 홈페이지에서 OS환경에 맞게 설치 할 수 있다.
설치에는 특별한 옵션 선택,설정 필요없이 설치하여도 되어서 생략한다.
세팅
VS Code를 사용하는데 가장가장 필요한 요소가 아닐까 생각한다. 바로 다양한 Extension 설치이다.
빨간색의 네모 모양을 클릭하여 Extension 설치를 해보자.
추천하는 Extension 목록이다.
- Korean Language Pack for Visual Studio Code | ★★★★★ (5.0)
- 한글 번역
- Prettier - Code formatter | ★★★★☆ (4.5)
- 코드 포맷터이다. 정렬이며 줄바꿈이며 안하는사람 너무많이 봤다...- Auto Complete Tag | ★★★★☆ (4.5)
- 태그를 열어줬으면 닫아줘야한다. 그런데 그게 또 귀찮다. 여는 태그를 바꿔주면 닫는 태그도 같이 바꿔주기도 귀찮다.- Bracket Pair Colorizer | ★★★★☆ (4.5)
- 이번엔 Bracket이다. 흔히 괄호라고 하는것들 사용하다보면 어디가 어디인지 잘 구분이 안가는데 예쁘게 바꿔준다.- ESLint | ★★★★☆ (4.5)
- 문법 마스터도 가끔 실수한다. 코드의 가독성을 높이고 잠재적인 오류와 버그를 제거해 단단한 코드를 만드는 것이 목적이다.- Git Extension Pack | ★★★★☆ (4.5)
- Git을 사용한다면 설치하는게 모든방면에서 좋다.- Live Server | ★★★★☆(4.5)
- HTML, HTM을 로컬 서버에서 실행해볼 수 있다.- Local History | ★★★★☆(4.5)
- 혹시 파일을 저장하다가 코드를 날려먹은 경험이 많은가? 그럼 설치하자... .history 폴더에서 저장하면 백업관리할 수 있다.- Material Icon Theme | ★★★★☆(4.5)
- VS Code의 아이콘들을 이쁘게 꾸며준다. 유용하다!
- Color Highlight | ★★★★ (4)
- 각종 Color를 사용하다보면 무슨 색인지 구분안간다. 색상마스터마비노기 유저가 아니라면 색상을 보자- Colorful Comments | ★★★★ (4)
- 분명 주석도 많이들 활용한다. 좀 더 이쁘게 보고싶다...- Debugger for Chrome | ★★★★ (4)
- 오류가 펑펑 디버깅을 생활화 합시다.- Guides | ★★★★ (4)
- Bracket의 영역을 가이드 해준다. Bracket Pair Colorizer와 같이 사용하는 편- Path Intellisense | ★★★★(4)
- 파일의 경로를 잡을 때 상당히 유용하다.- SFTP | ★★★★(4)
- FTP를 사용해야 할 때 사용
- Image preview | ★★★☆ (3.5)
- import 한 이미지(jpg,png,svg 등) 왼쪽에 작은 아이콘 형태로 미리보기가 가능하다.- VS Color Picker | ★★★☆ (3.5)
- 색상을 선택할 수 있게 해준다.- file-tree-generator | ★★★ (3)
- 폴더의 구조를 Tree로 볼 수 있다.- Atom One Dark Theme | ★ (1)
- 테마를 바꿔준다. (개인적으로 이게 제일 좋더라)- Eclipse Keymap | ★ (1)
- 이클립스에서 사용하던 단축키가 뇌리에 박혀서 벗어나질 못하겠다... 커스텀하는것도 귀찮고... VS Code단축키 적응이...
Java
- Java Extension Pack | ★★★★★ (5)
- Java를 사용하겠다면 설치하자.- Java Language Support | ★★★★ (4)
- 개인적으로 Java를 사용할 때 이것도 추가하여 사용한다.- Tomcat for Java | ★★★★ (4)
- 톰캣 서버를 사용한다면...
마치며...
개인적으로 사용하는 Extension의 추천과 설명을 작성하였다.
권장하는게 아니라 이러한 것들을 추천한다는 것이다.
설명하는것 이외의 더 좋은 Extension이 있을 수 도 있다. 그렇기 때문에
필요한 것은 직접 찾아서 설치를 하는게 좋겠다.
Siyul