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

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

青灯夜游
Freigeben: 2021-05-10 21:52:53
nach vorne
4089 Leute haben es durchsucht

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.

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

【Empfohlene Studie: „vscode-Tutorial“】

Werfen wir zunächst einen Blick auf eine Effektanzeige ~

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

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

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(&#39;./bg.png&#39;);
   content: &#39;&#39;;
   position: absolute;;
   z-index: 999;
   width: 100%;
   background-repeat: no-repeat;
 }
Nach dem Login kopieren

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

@import "/home/huaiyu/.vscode/vscode_style/vscode_style.css";
Nach dem Login kopieren

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

"window.titleBarStyle": "custom",
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage