vscode修改侧边栏大小和编译器字体大小,设置编译界面背景和全屏背景

很多人肯定想要给编译器个性化,不想让它太单调。比如设置个背景,将侧边栏缩小,而不影响编译器字体大小。前两天刚学到,那么今天就分享给大家。

一、修改侧边栏大小和编译器字体大小

打开设置,在搜索框中搜索settings.json,然后找到在settings.json中编辑,如图

在里面添加如下两行代码

//编译字体大小,可以更改数字
        "editor.fontSize": 25,
//侧边栏大小,可以更改数字
    "window.zoomLevel": 0

二、设置编译界面背景和全屏背景

1.首先在扩展里面搜索background插件。下载并安装,重启vscode.

然后在settings.json里面插入一下代码块

1)如果相只设置编译栏背景,而不给侧边栏设置背景,那么只需插入如下代码

//background 的相关配置
        "update.enableWindowsBackgroundUpdates": true,
        "background.customImages": [
            "file:///D:/前端-code/lvse.png" //配置你自己的图片地址
        ],
        "background.style": {
            "content": "''",
            "pointer-events": "none",
            "position": "fixed", //图片位置居中
            "width": "100%",
            "height": "100%",
            "z-index": "99999",
            "top": "0px",
            "left": "0px",
            "background.repeat": "no-repeat",
            "background-size": "cover", //图片大小为全屏
            "opacity": 0.1 //透明度
        },
        "background.useFront": true,
        "background.useDefault": false,

2)如果侧边栏也要背景,就是全屏背景,则需插入以下代码

​
//background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    {
        "code-runner.saveFileBeforeRun": true,
        "workbench.editor.untitled.hint": "hidden",
        "liveServer.settings.donotShowInfoMsg": true,
        "liveServer.settings.donotVerifyTags": true,
        "code-runner.runInTerminal": true,
        "security.workspace.trust.untrustedFiles": "open",
        "workbench.editorAssociations": {
            "*.ipynb": "jupyter-notebook"
        },
        "notebook.cellToolbarLocation": {
            "default": "right",
            "jupyter-notebook": "left"
        },
        //background 的相关配置
        "update.enableWindowsBackgroundUpdates": true,
        "background.customImages": [
            "file:///D:/前端-code/lvse.png" //配置你自己的图片地址
        ],
        "background.style": {
            "content": "''",
            "pointer-events": "none",
            "position": "fixed", //图片位置居中
            "width": "100%",
            "height": "100%",
            "z-index": "99999",
            "top": "0px",
            "left": "0px",
            "background.repeat": "no-repeat",
            "background-size": "cover", //图片大小为全屏
            "opacity": 0.1 //透明度
        },
        "background.useFront": true,
        "background.useDefault": false,
        "code-runner.executorMap": {
            "javascript": "node",
            "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
            "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
            "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
            "objective-c": "cd $dir && gcc -framework Cocoa $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
            "php": "php",
            "python": "python -u",
            "perl": "perl",
            "perl6": "perl6",
            "ruby": "ruby",
            "go": "go run",
            "lua": "lua",
            "groovy": "groovy",
            "powershell": "powershell -ExecutionPolicy ByPass -File",
            "bat": "cmd /c",
            "shellscript": "bash",
            "fsharp": "fsi",
            "csharp": "scriptcs",
            "vbscript": "cscript //Nologo",
            "typescript": "ts-node",
            "coffeescript": "coffee",
            "scala": "scala",
            "swift": "swift",
            "julia": "julia",
            "crystal": "crystal",
            "ocaml": "ocaml",
            "r": "Rscript",
            "applescript": "osascript",
            "clojure": "lein exec",
            "haxe": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
            "rust": "cd $dir && rustc $fileName && $dir$fileNameWithoutExt",
            "racket": "racket",
            "scheme": "csi -script",
            "ahk": "autohotkey",
            "autoit": "autoit3",
            "dart": "dart",
            "pascal": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
            "d": "cd $dir && dmd $fileName && $dir$fileNameWithoutExt",
            "haskell": "runhaskell",
            "nim": "nim compile --verbosity:0 --hints:off --run",
            "lisp": "sbcl --script",
            "kit": "kitc --run",
            "v": "v run",
            "sass": "sass --style expanded",
            "scss": "scss --style expanded",
            "less": "cd $dir && lessc $fileName $fileNameWithoutExt.css",
            "FortranFreeForm": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
            "fortran-modern": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
            "fortran_fixed-form": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
            "fortran": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
        },
        "git.autofetch": true,
    }

​

最后一定要修改图片地址,设置成大家喜欢的图片,代码里面有opacity透明度等多种css样式,可以根据自己情况修改,保存会提示code警告,那么不用管它,点击不再提示,最后点击重启vscode,就欧克了。

你可能感兴趣的:(博客,javascript,前端)