全方位字体设置:让你的代码更好看、更易读

作者:渣渣辉2023.04.28 10:19浏览量:694

简介:vscode 的全方位字体设置

vscode 的全方位字体设置

  1. 显示语言下的字体设置
    如果只是显示语言下的字体设置,只需要在VS Code设置中搜索 .editorconfig 文件进行修改,并保存即可。但如果你需要一次性修改多个设置,比如只修改 VS Code 的默认字体,修改 Markdown 的字体,修改 HTML 的字体等等,那么就需要进入对应语言的设置文件中进行修改。
    对于 VS Code 的默认字体,在终端中输入 %VSCode%\Preferences\Extensions\VSC_保存文件夹\settings.json 进入 VS Code 的配置文件夹,然后打开 settings.json 文件,找到 [json.editor.formatOnSave] 这个设置,将其设置为 true,然后保存即可。
    对于 Markdown 的字体,同样是在终端中输入 %VSCode%\Preferences\Extensions\VSC_保存文件夹\settings.json 进入 VS Code 的配置文件夹,然后打开 settings.json 文件,找到 [json.editor.formatOnSave] 这个设置,将其设置为 true,然后保存即可。
    对于 HTML 的字体,同样是在终端中输入 %VSCode%\Preferences\Extensions\VSC_保存文件夹\settings.json 进入 VS Code 的配置文件夹,然后打开 settings.json 文件,找到 [json.editor.formatOnSave] 这个设置,将其设置为 true,然后保存即可。
    注意:以上修改只适用于当前 VS Code 内核,如果你想将其修改应用到全局,那么还需要进行跨 VS Code 内核的配置文件修改。
    2.settings.json 中配置字体
    当然,你也可以直接在 settings.json 中配置字体,将对应语言下的设置保存为 json.editor.* 的配置项即可,如下所示:
    {
    “editor.formatOnSave”: true,
    “editor.formatOnSave.code”: {
    1. "fontFamily": "Consolas, monospace"
    },
    “editor.formatOnSave.text”: {
    1. "fontFamily": "Inconsolata, monospace"
    }
    }
    这样设置之后,所有语言下的 Markdown、HTML 和 JavaScript 的字体都会使用 Consolas 字体,并且保存时会自动保存为 .editorconfig 格式。
  2. 特殊字体的处理
    如果你需要处理一些特殊字体,比如数学符号、日语平假名等,可以将其修改为对应的特殊字体,以达到良好的可读性和可维护性。
    首先,你需要知道你需要处理的特殊字体是哪些,然后在对应的语言设置文件中找到 [json.editor.*] 这个设置,将其中的 "fontFamily" 设置为对应的特殊字体即可,如下所示:
    {
    “editor.formatOnSave”: true,
    “editor.formatOnSave.code”: {
    1. "fontFamily": [
    2. "Courier New, monospace"
    3. ],
    4. "operatorFontFamily": [
    5. "Inconsolata, monospace"
    6. ],
    7. "keywordFontFamily": [
    8. "Menlo, monospace"
    9. ],
    10. "language