Maison > outils de développement > VSCode > Parlons de la façon de définir l'arrière-plan de l'image pour l'éditeur vscode

Parlons de la façon de définir l'arrière-plan de l'image pour l'éditeur vscode

青灯夜游
Libérer: 2021-05-10 21:52:53
avant
4087 Les gens l'ont consulté

Cet article vous donnera une introduction détaillée sur la façon de définir l'arrière-plan de l'image pour l'éditeur vscode. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Parlons de la façon de définir l'arrière-plan de l'image pour l'éditeur vscode

[Apprentissage recommandé : "tutoriel vscode"]

Jetons d'abord un coup d'œil à l'affichage des effets~

Parlons de la façon de définir larrière-plan de limage pour léditeur vscode

Parlons de la façon de définir larrière-plan de limage pour léditeur vscode

Méthode

Afin de pouvoir le modifier à tout moment, vous pouvez créer un répertoire ~/.vscode sous votre vscode_style dossier,
Mettez votre propre document CSS et quelques images à l'intérieur. En prenant l'auteur comme exemple, le style de mon vscode est

/**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;
 }
Copier après la connexion

, puis recherchez le dossier du programme vscode, qui se trouve généralement sous le répertoire '/opt' sous Linux. Modifiez {vscode_dir}/resources/app/out/vs/workbench sous workbench.desktop.main.css pour modifier le style du vscode.

@import "/home/huaiyu/.vscode/vscode_style/vscode_style.css";
Copier après la connexion

Redémarrez simplement vscode. Lorsque vous redémarrez et que vous trouvez que vscode vous le rappelle your code installation appears to be corrupt, ignorez-le ~

  • De plus, si vous pensez que la barre de titre laide n'est pas bonne- en regardant, vous pouvez ajouter
"window.titleBarStyle": "custom",
Copier après la connexion

dans settings.json pour personnaliser le style de la barre de titre.

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal