vscode磨砂效果配置

2024-09-02 1 min read Vscode Ronan

1.安装插件

在vscode安装以下插件。

2.下载图片

右键将以下图片保存到本地，假设保存的路径为 /Users/einson/Pictures/vscbg/，保存名称为 Noisefigure.png。

3.配置文件

在vscode的.settings.json中键入以下配置，注意： 将/Users/einson/Pictures/vscbg/Noisefigure.png修改为自己的文件路径

"apc.stylesheet": {
    "body": {
        "background-image": "url(/Users/einson/Pictures/vscbg/Noisefigure.png), linear-gradient(to top,rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2))",
        "background-size": "cover",
        "background-blend-mode": "multiply",
        "background-repeat": "no-repeat",
        "opacity": 0.89
    },
}

4.意想不到的问题(无问题可忽略)

有可能最终配置效果不尽人意，所以在这里可以安装一款字体(可选)，在vscode的.settings.json键入以下内容。

Cascadia Code

"editor.fontFamily": "Cascadia Code Light, OperatorMono Nerd Font, Monaco, 'Courier New', monospace",