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)+D to Download
  • or Shift+Option(alt)+U to 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?

Leave a Reply

Your email address will not be published. Required fields are marked *

*