vscode中UI介面設定以及程式碼顏色字型設定

vscode中UI介面設定以及程式碼顏色字型設定

setting.json設定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
{<!-- -->
    "editor.tabSize": 2, // tab必須是兩格,漂亮 省地方
    // "vim.disableAnnoyingNeovimMessage": true,
    "vim.useCtrlKeys": false, //這個不禁用就不能CTRL c,CTRL v了
    "platformio-ide.autoPreloadEnvTasks": true,
    "platformio-ide.customPATH": "",
    "platformio-ide.buildTask": "",
    "platformio-ide.useBuiltinPIOCore": false,
    "platformio-ide.useBuiltinPython": false,
    "platformio-ide.useDevelopmentPIOCore": true,
    "workbench.startupEditor": "newUntitledFile",
    "explorer.confirmDelete": false,
    "workbench.colorTheme": "Visual Studio Dark - C++",
    //"workbench.iconTheme": "vscode-icons", //好辨認的icon
    // "workbench.colorTheme": "Panda Syntax", //Panda主題
    "material-icon-theme.folders.color": "#42a5f5",
    "files.autoSave": "afterDelay",
    "editor.formatOnType": true,
    //每次儲存的時候,自動格式化程式碼,值設為false時,按Shift+Alt+F,進行格式化。
    "editor.formatOnSave": true,
    "emmet.extensionsPath": "",
    "emmet.excludeLanguages": [
        "markdown"
    ],
    "emmet.triggerExpansionOnTab": true,
    "platformio-ide.forceUploadAndMonitor": false,
    "monitor_speed": 115200,//序列埠預設波特率
    "editor.codeActionsOnSave": {<!-- -->
        "source.fixAll.tslint": true
    },
    "workbench.editorAssociations": [
        {<!-- -->
            "viewType": "jupyter.notebook.ipynb",
            "filenamePattern": "*.ipynb"
        }
    ],
    "editor.maxTokenizationLineLength": 1e+36,
    "workbench.colorCustomizations": {<!-- -->
        // "editor.background": "#5a5757", //背景黑一點 對比明顯 程式碼看得清楚
        "statusBar.border": "#2bff00",
        "titleBar.border": "#ff0000",
        "activityBar.background": "#646262",
        "sideBar.background": "#706666",
        "activityBar.foreground": "#ff0303", //側邊圖示變紅
        // Scrollbar
        "scrollbarSlider.background": "#eef77d", //側捲軸更明顯
        "scrollbarSlider.hoverBackground": "#a00f0f",
        "scrollbarSlider.activeBackground": "#ff0000",
        "scrollbar.shadow": "#ff0000",
        "statusBar.background": "#5c0000", //下邊欄增強對比
        "contrastActiveBorder": "#ff0000", //選檔案的時候加個紅邊框 選的更准
        "editorOverviewRuler.addedForeground": "#25f809e7",
        "editorOverviewRuler.modifiedForeground": "#f5070700",
        "editorOverviewRuler.deletedForeground": "#e41a1a00",
        // Gutter (same as tweaking scm.diffDecorations?)
        "editorGutter.addedBackground": "#f36d6d00",
        "editorGutter.modifiedBackground": "#0cf74700",
        "editorGutter.deletedBackground": "#20f50c00",
        "editor.selectionBackground": "#e41fda7e", //選中高亮
        // "editor.background": "#0000", //背景顏色
    },
    "editor.tokenColorCustomizations": {<!-- -->
        "comments": "#3ef047", //註解
        "keywords": "#92e8f3", // 關鍵字
        "variables": "#d4289b", // 變數名
        "strings": "#eca50bbd", // 字串
        "functions": "#15e7d9c9", // 函式名
        "numbers": "#b5a2da" // 數值
    },
}

  • 介面效果如下: