原生的vscode无背景,没有理想的好看

vscode1.png

那如何为VScode添加自己喜欢的壁纸呢?

打开VScode文件所在位置,我的安装路径是C:\Users\用户名\AppData\Local\Programs\Microsoft VS Code\
再依次打开目录\resources\app\out\vs\workbench
完整路径是: C:\Users\用户名\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench
打开文件workbench.desktop.main.css

vscode2.png

添加如下代码

body {
    /*背景图片的路径*/
    background-image: url(C:/Users/用户名/123.jpg);
    /* 图片不重复 */
    background-repeat: no-repeat;
    /* 图片位置 */
    background-position: center;
    /* 图片大小 */
    background-size: cover;
    /* 透明度 */
    opacity: 0.7;
    /* opacity: 0.75; */
}

vscode3.png

Ctrl + S保存,重启VScode即可,效果如下。

vscode4.png

可能会提示Code可能损坏,这个可以忽略,选择不再提示就可以了。

vscode5.png


本站由 子书承宇 使用 Stellar 1.26.8 主题创建。本站总访问量
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

载入天数... 载入时分秒...