VSCode Extension list 내가 쓰는 비쥬얼스튜디오 익스텐션

Active File In StatusBar

현재 작업중인 파일의 전체 경로를 아래 상태줄에 표시 (설치시 VSCode 재접속 필요)

Auto Rename Tag 

짝태그를 수정

Bracket Pair Colorizer

괄호마다 색상 다르게 표시

Color Highlight

색상코드를 바로 보여줌

hightlight-selections-vscode

같은 단어 선택시 직관적으로 보여줌

ESLint

EMCAScript Linter

우리의코드들을보고 잔소리를 해주는것

npm install -g eslint 로 글로벌설치

eslint --init 명령어로 시작해서 아래것들 선택

Git History

Git 히스토리를 보기좋게 보여준다

Settings Sync

VS설정 동기화 도구

Gitgub에서  프로필클릭 > Settings > Developer settings > Personal access tokens > Generate new token

설명과 select scope 영역에서 gist를체크

나오는 토큰 ID ex)ff41a901bdeee24151블라블라 

를 복사해둡니다 (새로고침하면 토큰 사라짐)

Shift + Alt + U 로  복사된 토큰아이디 넣어주어서 Github에 vscode 셋팅 공유

또는 f1에서 sync 로검색 update 클릭

Shift + alt + d로 동기화가 필요한 기기에서 다운

또는 f1에서 sync로 검색 download 클릭

다운하기 위해선 토큰ID와 gist의ID가 필요

gist를 구하는방법은 Github에서 your gist 들어가서

복사한뒤 

<script src="https://gist.github.com/dhddldid/gistID.js"></script>

gistID만 복사합니다

Prettier - Code formatter

코드 자동정렬

설정법

[CTRL + , ] 후 Prettier 검색

와 같이설정

후 

설정

WakaTime

내가 작업한것에대해 대시보드를 제공 

대시보드   확인은 여기서

Polacode

블로그 포스팅에 좋게 코드를 찍을 수 있게해줌

Material Theme

내가사용하는테마 

Markdown All in One