Why use a workspace? VSCode workspace usage guide sharing

Why use VSCode workspace? The following article will share with you the VSCode workspace guide. I hope it will be helpful to you!

Why use VSCode workspace

VSCodeAs the first editor in the universe (I picked it myself), not only It is a front-end development powerful tool, and the development experience like Python and c/cpp is also very good. Some people even use vscode to write Java. vscode is not an IDE, and many of its functions are not integrated, but vscode has very good scalability and an extension market provided by its strong community. Users can freely install extensions according to their own needs, making vscode very lightweight and fast, which is why many people like it. [Recommended study: "vscode introductory tutorial"]

##But As more and more vscode extensions are installed, it becomes very difficult to manage. For example: when I am doing

front-end development, then our python plug-in is no longer needed. , we can choose to turn it on, but this plug-in will obviously occupy unnecessary cpu resources. Most people will choose to turn it off and then turn it on when using it. In fact, this is not a good idea. This is just a plug-in. But python can develop more than one plug-in, and there are also c/cpp plug-ins to manage, so it will become very troublesome.

The VSCode workspace was born for this purpose. You can create custom workspaces, such as

python as a workspace, cpp as a workspace, front-end development can also be divided into There are several workspaces, and you can control the enable and disable extensions in the workspace, which is also one of the biggest advantages of the workspace.

Let’s take a look at the final effect:

Workspace creation

Create a workspace

We first opened the

React folder, clicked the file in the menu bar, Save the workspace as is to create the workspace, and then ## will be generated The names of #.code-workspace files can be customized. It is recommended that you create a folder to specifically store these files. After it is built, we will go to this workspace and you can see Reactfolder.

Add projects to the workspaceWe can open multiple projects in the workspace, according to our own Additions or deletions need to be made, which is one of the advantages of workspaces.

Enable or disable extensions in the workspace

Here comes the important point

, With the workspace, you can enable or disable an extension in the workspace according to your needs. I think this is one of the best features. This can not only reduce unnecessary memory usage, but also It can prevent other irrelevant plug-ins from affecting development, especially snippets type plug-ins. My suggestion is to only enable some public plug-ins, such as

Chinese (Simplified) (Simplified Chinese)

, etc. Some targeted plug-ins are only enabled in the workspace.

Switching workspacesSwitching workspaces is also very simple, just click ## in the menu bar #Open workspace from file

.

Workspace configuration

If the workspace is not enabled, we only have the

user

and

folders (.vscode) Two levels of settings. When the workspace is opened, a new workspace setting will be added. We can write related settingsanddebugging configurations in this workspace. .

Many people will have a confusing understanding of these levels of configuration at first. In fact, this thing is easy to understand. The relationship between the three is particularly like the inheritance of and # of css. ##Weights. The user has the lowest weight and has a large scope; the folder has the highest weight and has a small scope. The three have an inheritance relationship.

For example: If you do not write the settings of the workspace, the user's settings will be inherited, so you only need to write different configurations in the workspace. These will overwrite the user's configurations, and the duplicates will be No need to write, the same goes for folders.

Project Manager

After the above configuration, it is relatively easy to use, but it is not powerful enough and it is a little troublesome to operate. Next, let’s install an extension. This extension works with VSCode. District can be said to be a natural match, super easy to use.

The installation volume of this extension is also relatively high. The last update date is 2022/2/9, which indicates that it is actively maintained and the rating is all five stars. .

After installation, there will be an additional folder icon in the left menu.

We added the newly created React workspace. This plug-in can easily switch workspaces and provides some functions of tags. Of course, there are also remote project functions, but we will only talk about those related to the workspace and not much else.

We can also find that when switching workspaces, vscode can keep the file in the previous open state, and even the folding and opening of the folder can be maintained, which is extremely Greatly improve our development efficiency. It can not only save workspaces, but also save folders. Even if you don't use workspace, it is highly recommended.

For more knowledge about VSCode, please visit: vscode tutorial! !

The above is the detailed content of Why use a workspace? VSCode workspace usage guide sharing. For more information, please follow other related articles on the PHP Chinese website!