VSCode 설정 동기화하기

예전에 컴퓨터를 새로 구매하면서 VSCode 설정을 동기화 해본 경험이 있다. 하지만 최근 주니어 개발자로 취업하고 회사에서 업무용으로 지급받은 맥에도  VSCode 설정도 동기화 해야했는데 자주하는 경험이 아니다보니 또다시 찾아보게되어 추후에도 쉽게 찾아볼 수 있도록 블로그에 작성하게 되었다.

VSCode 설정을 동기화 하는 방법은 2가지가 있다. 

1. VSCode에 내장되어있는 Syncs 기능 사용하기

2. VSCode Extensions에 있는 Settings Sync 사용하기

나의 경우 회사에서는 개인적으로 사용하는 계정을 일체 사용하지 않을것이기 때문에 2번 방법을 사용했다.

1번 방법의 경우 동일한 github 계정을 사용해여야 동기화가 가능하다.

1번. Settings Sync 익스텐션 설치하기

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

2번. Github에서 Personal Access Token 생성하기

Settings -> Developer Settings -> Personal access tokens -> Generate new token -> Note(식별 내용 작성) -> Expriration 설정하기(원하는 만료기간 설정) -> gist 체크 박스 체크 -> Generate token 클릭

주황색으로 가려진 토큰은 복사해서 보관해둬야 한다. 발급된 토큰은 한번만 확인할 수 있다. 새로 고침시 비공개처리 된다.

3번. gist 접속해서 Create sercret gist 생성하기

구글에 gist 글 검색한다. 들어가서 생성버튼을 누르고

제목, 내용? 양식은 없으며 본인이 알아볼 수 있는 식별 내용 작성하고 Create sercret gist 클릭

생성한 gist를 눌러보면 URL Params 끝에 Gist Id 가 작성되어있다. 

4번. VScode에서 Shift + Option + U를 눌러 설정 업로드하기

처음에 Shift + Option + U를 누르면 설정 화면이 나온다. 

위에서 발급받은 Token과 Gist Id를 입력하고 나온뒤 다시 Shift + Option + U를 누르면 해당 설정이 Gist로 업로드 된다.

gist에 내용이 변경된것을 확인할 수 있다.

5번. 업로드된 설정 Shit + Option + D 눌러 다운로드(동기화) 시키기

동기화 하고자하는 컴퓨터의 VSCode에서 Settings Sync 익스텐션을 설치하고 Shift + Option + D를 누르면 설정 화면이 나온다.

위에서 발급받은 Token과 Gist Id를 입력하고 다시 Shit + Option + D를 누르면 해당 설정이 현재 VSCode에 동기화 된다.