VS Code 설치시 기기 간의 설정이 달라서 매번 설정을 맞춰줘야하는 번거로움을 없애봅시다.
Settings Sync 를 이용하면 설정, 키바인딩, 코드조각 폴더 및 익스텐션 정보 등을 동기화할 수 있습니다.
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
marketplace에서 code-settings-sync 검색해 첫번째 항목을 install 합니다.
gitHub에 로그인해 연결합니다.
Get the Github Personal Access Token
이 익스텐션은 Github 계정의 Personal Access Token 이용해서 gist를 업로드하거나 다운로드 하여 설정을 동기화하는데 이 동작을 하기 위해서 별도의 토큰을 생성해야 합니다.
아래 메뉴로 진입해서 새로운 토큰을 생성합니다.
Settings > Developer settings > Personal Access Tokens > Generate New Token
토큰에 대한 용도를 gits로 설정합니다.
나오는 token은 다른 기기에서 설정을 업로드할 때 필요하므로 어딘가에 저장해 놓는 것이 좋습니다.
Upload your settings
VS Code로 돌아갑니다.
Shift + Alt + U를 누르면 현재 설정이 gist로 업로드 됩니다.
CODE SETTINGS SYNC UPLOAD SUMMARY
Version: 3.4.3
--------------------
GitHub Token: your token
GitHub Gist: your gist id
GitHub Gist Type: Secret
Restarting Visual Studio Code may be required to apply color and file icon theme.
--------------------
Files Uploaded:
extensions.json > extensions.json
settings.json > settings.json
Extensions Ignored:
No extensions ignored.
Extensions Removed:
No extensions removed.
Extensions Added:
atom-keybindings v3.0.6
auto-close-tag v0.5.6
autoimport v1.5.3
beautify v1.5.0
bracket-pair-colorizer v1.0.61
code-settings-sync v3.4.3
es7-react-js-snippets v2.7.1
highlight-matching-tag v0.9.6
prettier-vscode v3.20.0
sublime-keybindings v4.0.6
vscode-language-pack-ko v1.44.0
--------------------
Done.
gits id는 다른 기기에서 다운로드 할 때 사용됩니다.
Download your settings to other devices
Shift + Alt + D를 누르고 팔레트 창에 위에서 획득한 Gist ID를 입력한 다음 Enter를 입력하면 해당 gist로 부터 업로드 된 설정을 다운로드합니다.
이렇게 하면 다른 기기에서도 자신이 설정한 환경을 동기화하여 별도의 설정 없이 동일한 환경으로 vscode를 사용할 수 있습니다.
참고 - ttps://medium.com/@kyo504/gist를-이용하여-기기-간-vscode-설정-동기화-c856082b7362
+) 컴퓨터를 바꾸고 오랜만에 다시 사용하려니 깃에 로그인이 안 돼서 한참 헤맸다.
그럴 때는 Shift + Alt + D(설정 다운로드 단축키)를 누르면 깃에 로그인하라고 뜨니 그 때 하면 됨.
'Visual Studio Code' 카테고리의 다른 글
[VS Code] Prettier 플러그인 적용 안 될 때 (0) | 2021.02.02 |
---|---|
[VS Code] VS Code 초기화 / VS Code reset (0) | 2021.02.02 |
VSCode 유용한 단축키 (0) | 2021.01.29 |
[VS Code] 확장 플러그인 및 기본 설정 (1) | 2021.01.29 |
[Visual Studio Code] mac에 VS Code, node, npm 설치 (0) | 2020.04.01 |