Here, click Edit Configuration this time. If this is a new installation like we’re assuming here, you can open up the Command Palette and type “sync download” and hit enter which will open up that dashboard. To get started, first open back up your Sync Settings dashboard.
CODEWATCHER CODE
The difference is this time, you’ll want to configure VS Code to download your settings instead of upload them. To sync your VS Code configuration to another computer or VS Code environment, you want to first follow steps 1 and 2 above - installing the extension and logging in to Github. You should now be able to visit and find a new private cloudSettings Gist that includes all of your VS Code settings! Step 4: Syncing your configuration to another environment Successful settings upload in Settings Sync Once it’s done you should see a success message.
Force upload new settings in Settings SyncĪt this point, Settings Sync will create a new Gist in your Github account with your configuration settings. When doing this, you might be prompted with screen that asks if you want to force upload - press Yes.
Update/Upload Settings command in Settings Sync Type “Sync Upload” which will filter the commands and hit enter once the Sync: Update/Upload Settings option is selected. Open up your Command Palette with CMD+Shift+P (on Mac) or navigate to View and Command Palette. Now that you’re connected to Github, you’re ready to upload your settings. Once you’re logged in, you should now see Success! in your browser. While you can use any Github account you want, it would probably make most sense to use your personal account. This will open up Github in your default web browser and ask you to log in. To get started with Github, click the Login with Github button in the Settings Sync dashboard. Settings Sync dashboard after installation Step 2: Authorize access to Github Once installed, it will open up a new tab with the Settings Sync dashboard.
CODEWATCHER INSTALL
You can do this a few ways - you can visit the webpage and hit Install which will open up VS Code or you can search for the extension in the Extensions panel. The first thing we need to do is install the extension. Let’s get started! Step 1: Install Settings Sync While you don’t need to have any special configuration, having something different than the default (like a color theme) will help you see it work. We’ll assume for this walkthrough you have VS Code already installed. Once it’s set up, you can then configure the extension on any other instance of VS Code and immediately download your configuration to sync up your editor. Once approved, VS Code obtains an access token and reaches out to both store and download your settings file to a private Github Gist.
The extension uses Github’s OAuth to log in to your Github account. We’re going to use a VS Code extension called Settings Sync that makes use of Github’s Gist feature to store a private JSON configuration file in the cloud. Microsoft has put a lot of effort into making it something people want to use (and they’re doing a great job at that). It’s been the “cool kid on the block” for a little while now and has been increasingly growing in popularity at least in the JavaScript community. Visual Studio Code, or VS Code, is an all-inclusive code editor that takes all of the features you want out of working with code and puts them in one editor to make you ultra productive. Step 4: Syncing your configuration to another environment.How can we make sure our VS Code configuration is the same wherever we use it? All developers like their text editor a certain way, but it can be tough to make sure all of your environments have the same configuration.