{"id":1365,"date":"2020-06-10T14:41:16","date_gmt":"2020-06-10T14:41:16","guid":{"rendered":"http:\/\/blog.davcloud.top:1443\/?p=1365"},"modified":"2020-06-11T08:22:18","modified_gmt":"2020-06-11T08:22:18","slug":"use-settings-sync-extension-in-vscode-to-sync-settings","status":"publish","type":"post","link":"https:\/\/blog.davcloud.top\/?p=1365","title":{"rendered":"Use Settings Sync extension in VSCode to sync settings."},"content":{"rendered":"\n<h2>Abstract<\/h2>\n\n\n\n<p>VSCode is a widely used open source editor which can be used in Windows, Mac OS X and Linux. With plenty of extensions, it can support completion, compilation and debugging functions of multiple programming languages. However, it is very troublesome to reconfigure the environment every time when the computer or environment is changed. This article will record how to use the extension Settings Sync to sync configuration on different computer or environment.<\/p>\n\n\n\n<h2><strong>Step 1. Install Settings Sync extension<\/strong><\/h2>\n\n\n\n<p>Open VSCode, search and install the extension Settings Sync:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"125\" src=\"https:\/\/blog.davcloud.top:1443\/wp-content\/uploads\/2020\/06\/settings-sync-extension-1024x125.png\" alt=\"\" class=\"wp-image-1369\" srcset=\"https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/settings-sync-extension-1024x125.png 1024w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/settings-sync-extension-300x37.png 300w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/settings-sync-extension-768x94.png 768w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/settings-sync-extension.png 1051w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2><strong>Step 2. Login with Github<\/strong><\/h2>\n\n\n\n<p>Click on button \u201cLogin with Github\u201d:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"759\" src=\"https:\/\/blog.davcloud.top:1443\/wp-content\/uploads\/2020\/06\/login-with-github-1024x759.png\" alt=\"\" class=\"wp-image-1370\" srcset=\"https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/login-with-github-1024x759.png 1024w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/login-with-github-300x222.png 300w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/login-with-github-768x569.png 768w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/login-with-github.png 1174w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>A new window will appear and login your Github account. If you do not have that, sign up first and then login. Follow the guide and then return to VSCode when the guide finished successfully.<\/p>\n\n\n\n<h2><strong>Step 3. Create a new GIST or selecting exist one<\/strong><\/h2>\n\n\n\n<h3><strong>Condition 1: Create a new GIST<\/strong><\/h3>\n\n\n\n<p>If it is the first time you use Settings Sync, a new GIST will be created automatically.<\/p>\n\n\n\n<h3><strong>Condition 2: Select an exist GIST<\/strong><\/h3>\n\n\n\n<p>If you have already had GIST, a new window will ask you to select an exist GIST or skip to create a new GIST:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"495\" src=\"https:\/\/blog.davcloud.top:1443\/wp-content\/uploads\/2020\/06\/existing-gist-1024x495.png\" alt=\"\" class=\"wp-image-1371\" srcset=\"https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/existing-gist-1024x495.png 1024w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/existing-gist-300x145.png 300w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/existing-gist-768x371.png 768w, https:\/\/blog.davcloud.top\/wp-content\/uploads\/2020\/06\/existing-gist.png 1162w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2><strong>Step 4. Upload or download your settings<\/strong><\/h2>\n\n\n\n<h3><strong>Upload your settings<\/strong><\/h3>\n\n\n\n<p>Press Shift + Alt + U<\/p>\n\n\n\n<h3><strong>Download your settings<\/strong><\/h3>\n\n\n\n<p>Press Shift + Alt + D<\/p>\n\n\n\n<p class=\"has-text-color has-vivid-green-cyan-color\">Notice: The successful message will be output in the output option if upload success.<\/p>\n\n\n\n<h2><strong>Step 5. Download Settings on a new environment<\/strong><\/h2>\n\n\n\n<p>Configure Settings Sync extension as above in the new environment, then press the shortcut Shift + Alt + D to download settings.<\/p>\n\n\n\n<h2><strong>(Optional) Step 6. Advance Options<\/strong><\/h2>\n\n\n\n<p>You can use command \u201cSync: Advance Options\u201d to enable or disable auto-upload or auto-download functions if necessary.<\/p>\n\n\n\n<h2><strong>Reference<\/strong><\/h2>\n\n\n\n<ol><li><a href=\"http:\/\/shanalikhan.github.io\/2015\/12\/15\/Visual-Studio-Code-Sync-Settings.html\">http:\/\/shanalikhan.github.io\/2015\/12\/15\/Visual-Studio-Code-Sync-Settings.html<\/a><\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Abstract VSCode is a widely used open source editor which can be used in Windows, Mac OS X and Linux. With plenty of extensions, it can support completion, compilation and debugging functions of multiple programming languages. However, it is very troublesome to reconfigure the environment every time when the computer or environment is changed. This [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[542],"tags":[541,122],"_links":{"self":[{"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=\/wp\/v2\/posts\/1365"}],"collection":[{"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1365"}],"version-history":[{"count":3,"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=\/wp\/v2\/posts\/1365\/revisions"}],"predecessor-version":[{"id":1372,"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=\/wp\/v2\/posts\/1365\/revisions\/1372"}],"wp:attachment":[{"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.davcloud.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}