This article has participated in the “Digitalstar Project” and won a creative gift package to challenge the creative incentive money.

Please follow this link to see the full clean version of this article

The vsCode Settings Sync article is a bit out of date. It’s still available, but VSCode now supports a new way to synchronize configurations. Here is a new tutorial for the new VS Code version

precondition

conditions Introduction to the
Github account or Microsoft account If you don’t have a Github account, follow this tutorial to sign up for one
vscode Known as the first editor in the universeDownload link 和 Install the tutorial

Select a Login Mode

Once vscode is installed, you will see the logo of the portrait in the lower left corner. Clicking on it will bring up a login prompt, which will then prompt you to log in using github or Microsoft account.

Select your login method here

Select the GitHub login here

Select the Microsoft login point here

Making the login

Congratulations on taking the slightly more complicated path, but it will help you see your data synchronized, so let’s get started.

Click the Continue button to log into your Github account

If you are logged into your github account, you will be redirected directly to vscode

Login Password

Enter your Github account username and password here

Check your email and enter a verification code if you have one.

This will be followed by a brief redirection prompt, without using the browser.

Back to vscode

If all is well, it will prompt you that the site is trying to open Visual Studio Code. Click open to return to vscode

If you have not entered this step click here

Open the link

Vscode will open and prompt you to open the link. Just click open. If you’ve followed the old gist tutorial before, you have synchronized gist, and vscode will immediately start synchronizing your previous configuration.

The prompt did not pop up correctly

If your browser does not pop up, you can follow the next process to achieve the result.

You have a token in the blue box on this page that you use to synchronize the configuration, and clicking on it will prompt you to copy!

Replication success message

Then you cut back to vscode and see this icon in the status bar at the bottom

Clicking on it will prompt you to enter the token you just copied, CTRL + v paste, and you will see vscode indicating that you have started synchronizing

If you show upMerge or ReplaceClick here for tips

Microsoft login

Congratulations on taking the easy road, which is a wise choice compared to vscode.

Login account

If you have already logged into your Microsoft account, select the account and log in

Enter your account password if you are not logged in.

Login complete, vscode has started to synchronize your configuration items, have a look.

If you show upMerge or ReplaceClick here for tips

Merge or replace

If this prompt appears to indicate that your previous configuration items conflict with the current one, you can choose to merge, replace local or manual merge, or simply cancel.

That’s the case for these four choices

options Introduction to the
Merge Auto-complete content merge and install according to missing plugins (all)
Replace Local Replace local content with remote content (all)
Merge Manually… Manual merge, which we’ll talk about in a second
Cancel Cancel the synchronization and log out

In addition to the Merge Manually… All other options are automatic. This manual merge option has very few pages, and its interface is as follows

Manually merge

When you go to Manual merge, you see something in the sidebar that tells you how many files contain conflicts and you need to select them individually to use remote or local.

Click on one of the files and you will see the conflict items highlighted, with the cloud on the left and your local configuration on the right

I have two files here, and the other file does the same thing

Click Agree cloud or Agree Local below

When all files are resolved, this button lights up and clicking it completes all the manual items. Vscode will do the following steps automatically

Configuring synchronization Items

If you have logged in successfully or have logged in successfully, you will see Turn on Settings Sync… The option to

Or if you’re logged in to it

Then you just need to check the synchronization items as needed

If you find something wrong with this article, please click this link to view the full clean version of this article

Use and Configuration

See all about use here

  • Vscode saves code and automatically formats code Settings according to the eslint specification
  • Vscode uses Settings Sync to synchronize the configuration.
  • [vscode advanced players] [vscode advanced players] ❤️ with pictures and pictures to tell you about vscode Settings synchronization (new way)❤️
  • [VScode advanced players] VScode basic keyboard shortcuts
  • [vscode advanced players] remote development of vscode (with secret free)
  • Vscode plugin recommended (for all front-end developers)
  • Visual Studio Code❤️ installation tutorial (the latest version 🎉 tutorial small white can also read!)

series

  • [Code-server Getting started] How to configure code-server
  • [code-server Getting started] Change the default port and password of code-server
  • [code-server] Nginx reverse proxy code-server
  • Anaconda installation (Configuring the Python environment)
  • Anaconda check_hostname requires server_hostname
  • Build/build/connect/migrate/copy environments from Anaconda in Liunx
  • Python3 gets the latest post from any post bar and stores it as markdown
  • The nginx configuration disables reverse proxies on specific paths
  • Nginx configures to deny access to directories or files under directories
  • Nginx processes across domains
  • Take an in-depth look at nginx basic login authentication (including configuration steps)
  • Is your Nginx login authentication secure?
  • Configuring HTTP Basic Authentication (Basic Auth)
  • Centos htpasswd is used in htpasswd_Nginx
  • Take an in-depth look at nginx basic login authentication (including all configuration steps and in-depth parsing)
  • Take an in-depth look at nginx basic login authentication: generate passwords using htpasswd
  • Take an in-depth look at nginx basic login authentication: Using OpenSSL to generate passwords
  • Take an in-depth look at nginx basic login authentication: Using Python to generate passwords