VSCode 유용한 Plug-in Settings Sync

 

VSCode 를 사용하면서 여러 대의 PC 를 사용할 경우

VSCode 의 설정을 깃허브의 gist 에 저장해두고 어디서든 설정을 다시 불러올 수 있는 기능입니다

​

본인이 선택한 plug-in (Extensions) 리스트를 관리하기 편합니다.

매번 VSCode 설치할 때마다 Extensions 선택하는 것도 힘들어서 필수 Extensions 입니다

​

사용방법

Step 1. Settings Sync 설치

Step 2. Github gist 의 설정하기

Step 3. Setting 정보 Upload 하기

Step 4. 다른 PC 에서 설정정보 Download 하기

​

​

Step 1. Settings Sync 설치

Extensions 에서 Setting Sync 찾아서 install 합니다

​

Step 2. Github gist 의 설정하기

설정하는 방법도 Extensions 내용에 보면 자세히 설명되어있습니다.

가지고 있는 github 아이디를 이용해서 github 의 settings 으로 이동합니다

github > Settings > Developer settings > Personal access tokens

Generate new token 으로 access token 을 생성합니다

access token 은 생성되는 순간만 볼 수 있으니 바로 Setting Sync 에 사용하세요

까먹으면 다시 생성해야 합니다

​

Step 3. Setting 정보 Upload 하기

Shift + Alt + U 를 누르면 위에서 설정한 Token 을 입력하라고 나옵니다

Token 을 입력하면 처음으로 setting 정보를 Upload 할 수 있습니다.

아니면 Shift + Ctrl + P 를 누르고 Sync 로 찾아서 Sync : Update/Upload Settings 메뉴를 찾으면 됩니다

​

Upload Settings 을 누르면 설정 정보를 github 의 gist 에 secret 으로 설정정보를 올립니다

​

​

Step 4. 다른 PC 에서 설정정보 Download 하기

Token 정보와 Gist ID 정보를 알아야 Download 할 수 있습니다.

​

Setting 을 Upload 하면 Output 에서 확인할 수 있거나

​

또는

Token 정보는 Sync: Advanced Options > Sync:Edit Extension Local Settings 에서 확인할 수 있습니다.

​

Gist ID 는 Preferences: Open User Settings > Settings Sync 의 설정정보에서 확인할 수 있습니다

​

​

나의 설정정보

Extensions Added: auto-close-tag v0.5.6 auto-rename-tag v0.1.0 aws-cloudformation-yaml v0.2.2 beautify v1.5.0 bracket-pair-colorizer v1.0.61 cform v0.0.23 change-case v1.0.0 code-settings-sync v3.3.1 code-spell-checker v1.7.17 color-highlight v2.3.0 debugger-for-chrome v4.11.6 githistory v0.4.6 gitignore v0.6.0 gitlens v9.8.2 indent-rainbow v7.4.0 java v0.46.0 JavaScriptSnippets v1.7.2 lintlens v2.3.0 Material-theme v2.25.0 npm-intellisense v1.3.0 path-intellisense v1.4.2 polacode v0.3.2 prettier-vscode v1.9.0 prettify-json v0.0.3 project-manager v10.5.2 python v2019.6.22090 quokka-vscode v1.0.233 rainbow-brackets v0.0.6 rainbow-csv v1.1.1 rest-client v0.21.3 serverless-vscode-snippets v0.0.4 sonarlint-vscode v1.8.0 swdc-vscode v1.1.11 vscode-docker v0.6.4 vscode-eslint v1.9.0 vscode-icons v8.8.0 vscode-import-cost v2.12.0 vscode-java-debug v0.19.0 vscode-java-test v0.18.1 vscode-mocha-test-adapter v2.1.2 vscode-npm-script v0.3.7 vscode-python-test-adapter v0.3.8 vscode-test-explorer v2.12.1 vscode-yaml v0.4.1 vscodeintellicode v1.1.7

이렇게 보니 많이도 설정해놨네요.