IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vscode修改侧边栏大小和编译器字体大小,设置编译界面背景和全屏背景 -> 正文阅读

[开发工具]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,就欧克了。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-05-01 15:56:38  更:2022-05-01 15:57:12 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 2:56:12-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码