Visual Code

업데이트:



Visual Code 에서 제공하는 Extension 을 사용하여, ReactJs 개발 환경을 세팅합니다.

Auto Import - ES6, Ts, JSX, TSX….

React Component 를 Type 하면 해당 Component 명과 관련된 import 문을 에러 없도록 자동 생성 해줍니다.

Reactjs code snippets

React Component Class 를 자동 생성 해주는 녀석입니다. 다른 여려가지 명령어가 있지만, 제가 주로 사용하는 명령어는 rrc 하나 입니다. rrc 타이핑 하고 탭 누르면 자동으로 Component Class 를 해당 파일명에 맞게 만들어 줍니다. 파일이름 만들고 rrc 하고 탭키 누르면 짜잔~

React-Native/React/Redux snippets

이 녀석의 설명에 보면 위의 녀석과 마찬가지로 자동 완성문들이 여러개 있습니다. 해당 정보를 기록해 뒀다가 사용하려합니다.

가능한 사용명령어는 Visual Code 의 Extension 버튼을 누르면 자동으로 ENABLED 라는 이름 아래에 설치 되어 사용중인 Snippets 들이 나옵니다. 클릭하면 사용법 관련 정보가 있는데 rrc 이외에 rcc 등등 여러가지 취향에 따라 자주 사용할 법한 녀석들이 있습니다.

불필요한 반복 코딩 라인을 줄여주기에 꼭 추천하고 제가 나중에 다른 머신에 세팅할때 쓰려고 기록해 놓습니다.

기타

Visual Code 관련 단축키 URL https://docs.microsoft.com/ko-kr/visualstudio/mac/keyboard-shortcuts?view=vsmac-2019