Lassen Sie uns darüber sprechen, wie Sie den Bildhintergrund für den vscode-Editor festlegen

In diesem Artikel erhalten Sie eine detaillierte Einführung zum Festlegen des Bildhintergrunds für den vscode-Editor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

【Empfohlene Studie: „vscode-Tutorial“】

Werfen wir zunächst einen Blick auf eine Effektanzeige ~

Methode

Um es jederzeit ändern zu können , Sie können es jederzeit in Ihrem ~/ ändern. Erstellen Sie ein Verzeichnis <code>vscode_style im Ordner .vscode und
fügen Sie Ihr eigenes CSS-Dokument und einige Bilder ein Es. Am Beispiel des Autors lautet mein vscode-Stil ~/.vscode文件夹下创建一个vscode_style的目录，
在里边放入你自己的css文档和一些图片。以笔者为例,我的vscode的style是

/**vscode_style.css*/
body{
   pointer-events: auto !important;
   background-size: 100% !important;
   opacity: 0.90 !important;
   background-position: 0 0 !important;
   /**change your image url here*/
   background-image: url('./bg.png');
   content: '';
   position: absolute;;
   z-index: 999;
   width: 100%;
   background-repeat: no-repeat;
 }

然后找到vscode程序文件夹，linux上一般在'/opt'目录下。在{vscode_dir}/resources/app/out/vs/workbench下修改workbench.desktop.main.css就可以修改vscode的样式啦。

@import "/home/huaiyu/.vscode/vscode_style/vscode_style.css";

重启vscode就好了,当你重启后发现vscode提醒你your code installation appears to be corrupt

"window.titleBarStyle": "custom",

Suchen Sie dann den vscode-Programmordner, der sich unter Linux normalerweise im Verzeichnis '/opt' befindet. Ändern Sie workbench.desktop.main.css unter {vscode_dir}/resources/app/out/vs/workbench, um den Stil von vscode zu ändern.

rrreee
• Starten Sie vscode einfach neu. Wenn Sie neu starten, werden Sie feststellen, dass vscode Sie daran erinnert, dass Ihre Codeinstallation beschädigt zu sein scheint. Ignorieren Sie es einfach~

Auch wenn Sie denken, dass die Titelleiste hässlich ist, Es wird nicht funktionieren. Es sieht gut aus. Sie können

rrreee in der Datei „settings.json“ hinzufügen, um den Stil der Titelleiste selbst anzupassen.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programmiervideos🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie Sie den Bildhintergrund für den vscode-Editor festlegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!