1. Install expand Settings Sync
In VSCode expand the search Settings Sync and install, the installation is complete, restart VSCode
2. Set Github Person Access Token
This step requires you to have a github account, because we need to save the configuration upload to github gist.
Once you have github account, go directly to the page: https: //github.com/settings/tokens, click generate new token.
Describes the write token and check the gist option and click Next.
This time you will generate an access token, remember to find a place to save your access token (for example, I saved in the cloud disk or something), and then synchronize the configuration should be used.
3. Upload your configuration to Github Gist
Open VSCode, ctrl (mac is a command) + shift + p, input sync, click Sync: Upload / Update Settings
Saved in step 2 in the input access token
Console output will appear in a series of information after a successful upload, remember two key information, Github Token as a password, you save on Github Gist Github Gist of id, after downloading the configuration to have to use two pieces of information
GitHub Token: 08eed0310a0ac7**********17cbc88d257aa8
GitHub Gist: 66671319ae7 ******** f621fb2ec737fe # can access this information through https://gist.github.com/<username>/<gist id>
Well, then your configuration has been successfully synchronized to Github Gist friends, anytime, anywhere can be a key to the future configuration VSCode up!
Configuring a new device VSCode
Settings Sync installed to expand, ctrl (mac is a command) + shift + p, input sync, click Sync: Download Settings, and enter the access token gist id, a cup of coffee, waiting for the synchronization is complete.
settings.json
{
// vscode editor Global Settings
// theme color
"workbench.colorTheme": "Monokai",
// mouse wheel zoom font size
"editor.mouseWheelZoom": true,
// Wrap
"editor.wordWrap": "on",
// automatically saved
"files.autoSave": "afterDelay",
// auto-save time
"files.autoSaveDelay": 100,
// File font size
"editor.fontSize": 20,
// markdown font size
"markdown.preview.fontSize": 20,
// close the file preview mode
"workbench.editor.enablePreview": false,
// Double-click the file to open
"workbench.list.openMode": "doubleClick",
// color covering the currently selected color theme
"workbench.colorCustomizations": {
// select the background color
"editor.selectionBackground": "#9d560fa2",
// Select the foreground color
"editor.selectionForeground": "#fff",
// choose the same color content of the region
"editor.selectionHighlightBackground": "#9d560f00",
// the same border color selection area
"editor.selectionHighlightBorder": "#A6E22E",
// cursor on the background color while the variable
"editor.wordHighlightStrongBackground": "#e22e3700",
// Cursor border color when in a variable
"editor.wordHighlightStrongBorder": "#A6E22E",
// color matching the current search
"editor.findMatchBackground": "#9d560fa2",
Other // search for matching colors
"editor.findMatchHighlightBackground": "#ebd071",
// border color to match the current search
// "editor.findMatchBorder": "#fff",
// background color matching brackets after
"editorBracketMatch.background": "#A6E22E",
// matches the color of the frame brackets
"editorBracketMatch.border": "#ffffff00"
}
}