vscode 1.37 如何给代码编辑框添加背景图

  • 原创
  • |
  • 浏览:1413
  • |
  • 更新:

本经验介绍在vscode 1.37 中,如何给代码编辑框添加背景图。给代码编辑框添加背景图可以让界面更加美观。

工具/原料

  • visual studio code

方法/步骤

  1. 1

    首先,打开vscode的插件面板,搜索background,可以找到如图所示插件。

    vscode 1.37 如何给代码编辑框添加背景图
  2. 1
    该信息未经授权抓取自百度经验
  3. 2

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

    vscode 1.37 如何给代码编辑框添加背景图
  4. 3

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

    vscode 1.37 如何给代码编辑框添加背景图
  5. 4

    在设置json里边添加一个background.enabled项,值为true。

    vscode 1.37 如何给代码编辑框添加背景图
  6. 5

    此时,可以看到自带背景图已经出现。但是也出现提示,Code安装似乎损坏,请重新安装。这也是vscode代码被改动缘故,可以设置不再提示。

    vscode 1.37 如何给代码编辑框添加背景图
  7. 6

    当然,也可以设置自定义的背景图。首先将一个图片文件拖动到浏览器中,然后从地址栏复制以file开头的url。

    vscode 1.37 如何给代码编辑框添加背景图
  8. 7

    然后在settings.json中如图,设置useDefault为false,并创建customImages项,添加3个文件。修改设置必须以管理员权限运行。

     

    vscode 1.37 如何给代码编辑框添加背景图
  9. 8

    如图就是修改了背景图以后。当然,用的是不透明的图片,也没有调整体透明度。

    vscode 1.37 如何给代码编辑框添加背景图
    END

注意事项

  • 如果遇到问题,可以在下面提出疑问。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部