安装One Dark Pro
插件市场搜索 One Dark Pro 即可，然后安装。
修改配置文件
找到主题的配置文件，路径为 C:\Users\你的用户名\.vscode\extensions 。
打开 zhuangtongfa.material-theme-3.0.3/themes 文件夹，使用编辑器打开 OneDark-Pro.json 文件。
更换配色
各处色值配置位置参考表
| 功能 | 位置 | 配置项 |
|---|---|---|
| const的常量 | 215 | js/ts variable.other.constant |
| vue的data中变量 import对象 computed和watch | 351 | js variable readwrite |
| 通篇主色 变量颜色 | 560 | Variables |
| this的颜色 | 574 | Language variables |
| 方法的颜色 | 614 | Functions |
| html颜色 | 786 | Tags |
| css部分的px颜色 | 837 | Units |
| 注释斜杠的斜体样式 | 1797 | Comments |
| this后的变量 | 1886 | variable.other.object |
| 函数参数的斜体 | 1911 | js/ts italic |
| 注释的斜体样式 | 1918 | comments |
颜色参考
#61afef
#e06c75
#abb2bf
#c678dd
#9aa83a
#98c379
#56b6c2
#e5c07b
#66d9ef
#6089b4
#d19a66
字体
Consolas
已配置好的文件
这里是已配置好的文件，可以直接替换。注意源文件备份。