VSCode六大通用插件真香合集

时间：2020-04-26 13:45:33 收藏：0 阅读：52

今天就来为大家整理一波VSCode通用插件
无论你使用这个软件做什么开发，这些插件统统都可以帮到你！！

一、background：设置心水背景图

安利理由：

前有IDEA 的Background Image Plus 插件后就有VSCode的 background 插件
虽说它不能提高我们的编程速度
但每当你打开VSCode都能看到自己心水的背景图片感觉心情都好的一匹呀~
每天的学习/工作都变得可爱不少，美好的一天从一张心水的图片背景开始~

安装及设置步骤：

技术分享图片

设置过程中使用的代码：

	"background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        
        "file:///D:/工作+比赛+网课/工作/小乔的编程内容分享站图片/新建文件夹/背景1.jpg",
    ],
    "background.style": {
        "pointer-events": "none",
        "position": "absolute",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-size": "100%,100%",
        "opacity": 0.1 
    },

成果展示：

技术分享图片
原图在这里(图片源自网络)：哈哈哈~~ 贴心如我（是不是反手就想给我一个赞，那就别再犹豫啦~）

注意：

安装此插件可能会出现一个 “code损坏” 的提示
官方会给出建议：卸载重装
但我们其实只需要下载一个插件：Fix VSCode Checksums
具体操作如下：

二、Material Theme(VSCode主题)+Material Icon Theme(文件图标主题)

安利理由:

自从用了VSCode和IDEA我就爱上了暗色的主题，但是对于一个精致的猪猪女孩自带的主题当然是不能满足我的啦。
于是我找到了Material Theme去换各类暗色主题
与此同时我还看到了Material Icon Theme可设置文件图标主题，我一瞅，还挺新颖
安装了之后确实图标变好看了
所以这一套变好看组合必须安利给你们！！

安装步骤及设置:

（一）Material Theme安装

技术分享图片

各个主题变换的gif：

我用的是：Material Theme Palenight

注意：

但是Material Theme Palenight主题的注释有点暗，对眼睛有点不友好。我把改注释的方式及代码放在下面：
技术分享图片

		"editor.tokenColorCustomizations": {
        "comments": {
            // 设置字体样式 加粗 下划线 斜体等
            "fontStyle": "",
            // 设置字体颜色
            "foreground": "#DCDCDC"
        },
    },