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" // 數值 }, } |
- 介面效果如下: