首页 > 开发工具 > VSCode > 正文

vscode如何更换代码编辑框背景

王林
发布: 2020-01-10 10:18:32
原创
2408 人浏览过

vscode如何更换代码编辑框背景

首先,打开vscode的插件面板,搜索background,安装如图所示插件

a7bd818383f28dd28e4018c1d463536.png

安装好之后,以管理员模式重新启动vscode(插件通过改动vscode程序本身的css实现,需要管理员权限)。

bfac578567c1f3773d5d92d7821027a.png

以管理员启动后,在插件上点击设置按钮,点击configure extension settings

eb82719d0f4bb91dc38c426530e8d7d.png

打开设置,添加如下代码(图片路径可根据需要进行修改):

   "update.enableWindowsBackgroundUpdates": true,
   "background.customImages": ["C:/Users/Administrator/Pictures/cat.jpeg"],//图片的路径
    "background.enabled": true,
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-attachment": "fixed",
        " background-size": "cover",
        "opacity": 0.3
    },
    "background.useFront": true,
    "background.useDefault": false,
登录后复制

效果图如下所示:

4.jpg

相关文章教程推荐:vscode教程

以上是vscode如何更换代码编辑框背景的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!