VSCode 환경셋팅 및 확장 프로그램

없어도 되지만 알고있으면 편리한!! 

Visual code에서 쓰면 좋을 듯한 세팅과 확장 프로그램을 알려드리겠습니다!! 

 

1. 저장할 때 자동으로 코드 정리 : format on save

-> 단축키(F1)를 입력하는 것보다 더 편한 방식은 저장할 때 자동으로 정리하게 만드는 것! 

 

File -> Preferences -> Settings -> 'format on save' 입력

format on save

 

2. React 단축키 사용 가능 : Reactjs code snippets

-> React 관련 템플릿을 단축키로 작성하여 사용할 수 있는 확장 프로그램

• rcc: 클래스 형태의 컴포넌트 템플릿 생성
• rsc: 함수형 컴포넌트 템플릿 생성

Reactjs code snippets

(왼) rcc 입력 -> 클래스형                                                                               (오) rcs 입력 -> 함수형

 

3. 괄호의 짝에 맞게 무지개색 표시 : Rainbow Brackets

-> 각종 괄호 (괄호, 중괄호 등)의 짝에 맞게끔 무지개색으로 표시

Rainbow Brackets