지금으로부터 약 일년 반 전에, VSCode를 컴퓨터에 설치했다. 그리고 두달 전 쯤까지, 좋다고 하는 확장도구나 라이브러리가 있으면 많이 많이 설치해서 쓰곤 했다. 본질을 잃어버렸던 나의 맥돌이가 오늘부로 매킨토시 개발 도구로 전직하면서, 기억을 더듬어 작업환경을 세팅하게 되었다.
VSCode 설치하기
검색엔진에 VSCode라고 쳐서, 본인이 사용하는 OS에 맞는 파일을 다운받아서 설치하면 끝이다.
확장도구(Extention) 설치하기
1. Korean Language Pack for Visual Studio Code
VSCode가 제공하는 대부분의 UI설명을 번역해주는 갓갓 확장도구
2. open in browser
VSCode로 접근한 파일을 기본 브라우저 혹은 어플을 통해 열게 해주는 확장도구. 해당 파일열어서 우클릭하면 바로 브라우저로 열 수 있음. 바닐라JS + HTML 작업할 때 편리함
3. ESLint
자바스크립트 문법 에러가 있는 부분을 표시해주는 확장도구
4. Prettier - Code formatter
코드를 원하는 스타일에 맞춰 다듬어주는 도구
5. HTML CSS Support
CSS셀렉터 작성에 있어서 HTML의 Id와 Class를 자동완성해주는 도구
6. HTML Snippet
HTML 태그 자동완성, 태그정보제공 등 HTML 작성을 보조하는 도구
7. JavaScript ES6 code snippets
JS 코드 자동완성 도구
8. npm
프로젝트에 설치된 dependency 중에 사용하지 않는 것을 알려줌
9. npm Intellisense
import 문에서 npm 모듈을 자동 완성하는 도구
10. Path Intellisense
파일 명을 자동 완성하는 도구
11. Reactjs code snippets
ReactJS 프로젝트를 위한 코드 자동완성 도구
12. Search node_modules
프로젝트 내 파일을 빠르게 탐색할 수 있는 도구
**React Extension Pack
React code snippets, ES Lint, npm, JavaScript ES6 code snippets, search node_modules, npm Intellisense, Path Intellisense를 포함한 패키지
