Shulou(Shulou.com)06/02 Report--

This article mainly introduces the method of changing the background of vscode code editing box, which is very detailed and has certain reference value. Friends who are interested must finish reading it!

First, open the plug-ins panel of vscode, search background, and install the plug-ins as shown in the figure.

Once installed, restart vscode in administrator mode (the plug-in requires administrator privileges by changing the css implementation of the vscode program itself).

After the administrator starts, click the settings button on the plug-in and click configure extension settings

Open the settings and add the following code (the image path can be modified as needed):

"update.enableWindowsBackgroundUpdates": true, "background.customImages": ["C:/Users/Administrator/Pictures/cat.jpeg"], / / path of the image "background.enabled": true, "background.style": {"content": "'", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "100%" "height": "100%", "background-position": "center", "background-repeat": "no-repeat", "background-attachment": "fixed", "background-size": "cover", "opacity": 0.3}, "background.useFront": true, "background.useDefault": false

The effect image is as follows:

The above is all the contents of this article entitled "how to change the background of vscode Code Editing Box". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.