VSCode六大通用插件真香合集

本文轉載自查看原文 2020-04-26 12:27 1054 VSCode插件/ VSCode/ VSCode通用插件

一、background：設置心水背景圖
二、Material Theme(VSCode主題)+Material Icon Theme(文件圖標主題)
- 安利理由:
- 安裝步驟及設置:
  - （一）Material Theme安裝
    - 注意：
  - （二）Material Icon Theme安裝
三、Chinese (Simplified) Language Pack for Visual Studio Code：中文簡體語言包
- 安利理由：
- 安裝步驟：
四、indent-rainbow:方便看到代碼的縮進
五、Bracket Pair Colorizer 2:可以方便查看每一對{}、()與誰配對
六、Prettier - Code formatter :保存即可格式化代碼的神器

今天就來為大家整理一波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"
        },
    },