VScode 主题（字体设置+文件Icon图标+Code格式化）

Vscode主题选择

Material Theme

Material Theme 插件，这是一款主题，里面内置了许多主题

文件icon

Material Icon Theme

扩展插件中搜索Material Icon Theme 安装即可 重启vscode就可以看见Icon图标

代码整理插件

Prettier-Code formatter

Prettier-Code formatter 这是一款代码整理插件

需要在settings.json 加入开启代码保存触发

 "editor.formatOnSave": true,    //开启保存格式化代码

或者快捷键 shift+alt+f快速整理代码

字体设置

FiraCode

推荐使用FiraCode 字体使用后个人感觉非常好看，让敲代码变成一件赏心悦目的事情。

配置方法

首先需要下载FiraCode FiraCode:https://github.com/tonsky/FiraCode (opens new window)

然后在Windows中安装字体

在setting.json中加入字体代码，或者在设置界面中Font Family 修改代码 'Fira Code',Consolas, 'Courier New', monospace

 "editor.fontFamily": "'Fira Code',Consolas, 'Courier New', monospace",  //设置字体样式
 "editor.fontLigatures": true,   //特殊符号 如=> >=都会合并在一起，跟数学手写一样
 "editor.lineHeight": 25,        //设置代码之前的行高

总结

一次性设置

只需要下载插件然后copy这段代码加入到Setting.json即可，VScode就可以使用了

 "workbench.iconTheme": "material-icon-theme",          //设置字体Icon图标
 "editor.fontFamily": "'Fira Code',Consolas, 'Courier New', monospace",  //设置字体样式
 "editor.formatOnSave": true,    //开启保存格式化代码
 "editor.fontLigatures": true,   //特殊符号 如=> >=都会合并在一起，跟数学手写一样
 "editor.lineHeight": 25,        //设置代码之前的行高
 "window.zoomLevel": 1           //设置缩放倍数