Visual Studio Code 에서 React 개발환경에 필요한 확장 프로그램

Visual Studio Code 를 이용하여 React 개발하면서 필요한 확장 프로그램 메모합니다

 

왼쪽 아이콘 중에서 Extensions 라는 아이콘을 눌러서 확장 프로그램 설치 화면으로 이동하세요

 

검색 창에서 eslint 를 검색해서 install 버튼을 눌러서 설치하세요

 

path 라고 검색해서 Path Intellisense 설치하세요

 

reactjs code 를 검색해서 Reactjs code snippets 을 설치하세요 

 

 

prettier 을 검색해서 Prettier - Code formatter 을 설치하세요

 

prettier 은 설정을 해야 합니다

설치하고 나서 설정으로 이동하세요

eslint 에서 오류 나지 않도록 Single Quote 체크해주세요

원하는 분은 tab width 수정하세요

검색 부분에서 @ext:esbenp.prettier-vscode 부분을 지우고 format java 를 검색해보세요

 

기본 formatter를 이렇게 끄면 설치했던 prettier 가 활성화됩니다