Many devices, many settings, many plugins
It is known that I have two computers. A nice shiny MacBook Pro for the road (and I am on it a lot) and an iMac when I am at home. I use VScode quite a bit between personal note taking, coding, work, and quite a few other things. As such when I find a theme I like, extension that works, or change a setting I need to do it twice. Painful.
Fear no more – your settings are now synced! Settings Sync by Shan Khan does this and does it rather well.
How?
It uses GitHub Gists to sync your settings. By creating a private gist it will upload settings for your VScode environment when you issue the upload command via Github Gist. This private gist is only accessible to via a token. You can then install the single plugin on your destination device, assign the GitHub token, the gist ID and you’re cooking with Cass.
On a fresh install of VScode below I have done the following:
- Installed Settings Sync by Shan Khan
- Add GitHub token
- Add Gist ID
Shift+Option(alt)+Dto Download- or
Shift+Option(alt)+Uto upload
Given you can define a specific gist you can also have “environments” to quickly change your entire VScode deployment which is super!
This device didn’t have a few plugins so away we go as seen below.
COMMAND LINE EXTENSION DOWNLOAD SUMMARY -------------------- TOTAL EXTENSIONS : 5 "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code" --install-extension streetsidesoftware.code-spell-checker Found 'streetsidesoftware.code-spell-checker' in the marketplace. Installing... Extension 'streetsidesoftware.code-spell-checker' v1.6.10 was successfully installed! EXTENSION : 1 / 5 INSTALLED. "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code" --install-extension yzhang.markdown-all-in-one Found 'yzhang.markdown-all-in-one' in the marketplace. Installing... Extension 'yzhang.markdown-all-in-one' v1.6.2 was successfully installed! EXTENSION : 2 / 5 INSTALLED. "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code" --install-extension shd101wyy.markdown-preview-enhanced Found 'shd101wyy.markdown-preview-enhanced' in the marketplace. Installing... Extension 'shd101wyy.markdown-preview-enhanced' v0.3.8 was successfully installed! EXTENSION : 3 / 5 INSTALLED. "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code" --install-extension wesbos.theme-cobalt2 Found 'wesbos.theme-cobalt2' in the marketplace. Installing... Extension 'wesbos.theme-cobalt2' v2.1.6 was successfully installed! EXTENSION : 4 / 5 INSTALLED. "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code" --install-extension mushan.vscode-paste-image Found 'mushan.vscode-paste-image' in the marketplace. Installing... Extension 'mushan.vscode-paste-image' v1.0.2 was successfully installed! EXTENSION : 5 / 5 INSTALLED. CODE SETTINGS SYNC DOWNLOAD SUMMARY Version: 3.2.0 -------------------- GitHub Token: cedfbee66ca40c1f8f8450d6016bc867637e0d8a GitHub Gist: 3ce4ba97c80663f9083613841f999858 GitHub Gist Type: Secret Restarting Visual Studio Code may be required to apply color and file icon theme. -------------------- Files Downloaded: extensions.json > extensions.json keybindings.json > keybindingsMac.json settings.json > settings.json Extensions Ignored: No extensions ignored. Extensions Removed: vscode-markdownlint v0.20.0 gitlens v8.5.6 Extensions Added: code-spell-checker v1.6.10 markdown-all-in-one v1.6.2 markdown-preview-enhanced v0.3.8 theme-cobalt2 v2.1.6 vscode-paste-image v1.0.2 -------------------- Done.
Pretty nifty one to have in the extensions. What are you using in your VScode environment?