VSCodeに入ります:Cascadiaコードによるフォント結さ


VSCodeでこれ以下のスタイルを見ましたか?

これは、書体フォントと呼ばれるかもしれません.
私はこの記事をどのように動作するかを把握した後、それは実際には既存の記事をまだしていないことを書いた.
これらの一般的な部分に従って動作します.
  • フォントとその設定
  • vscode text mate規則の設定
  • フォントLigatureはVSCodeで素晴らしい機能です、それは私が過去にVsCodeに崇高なテキストから切り替えるように確信しています.
    良いフォントはフォントのリフティングをサポートし、無料FIRAコード、カスカディアコードです.私が使用している現在の1つはCascadiaコードですので、それは良いです、そしてそれはWindows端末と一緒に頻繁に更新を取得- Windows上の新しい強力なターミナルアプリ.
  • FIRAコード:https://github.com/tonsky/FiraCode
  • カスカディアコード:https://github.com/microsoft/cascadia-code
  • Windows端末:https://github.com/Microsoft/Terminal

  • カスカディアコード
    インストールは非常に多くの方法でインストールできます.brew , scoop , choco , ダウンロードGithubページのリリースページから直接.
    OSシステムにインストールしたら、この設定をvscodeに追加します
    {
        // first item for Windows, next item for macOS
        // because I use sync settings for multiple OS
        "editor.fontFamily": "'Cascadia Code PL', 'CascadiaCodePL', Consolas",
        // setting font ligatures as https://github.com/microsoft/cascadia-code#font-features
        "editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'zero', 'onum'",
        // this is optional, it makes the weight of default font become lighter.
        // Otherwise if we set font to 'Cascadia Code PL SemiLight' as it would be the same but it could'nt work with font ligatures.
        // "editor.fontWeight": "350"
    }
    

    テキストメイト規則
    テキストメイトルールの設定はtextMateRules — 子供editor.tokenColorCustomizations VSCode設定では、テキストメイトのルールを使用して色やスタイルを設定するのに役立ちます
    私たちは、コードファイルの特定の部分をcaslidiaコードとして様式化された/cursiveフォントによってフォーマットされるように設定にこの以下の構成を加える必要があります、それは同様にイタリック体で行われなければなりません.
    {
      "editor.tokenColorCustomizations": {
            "textMateRules": [
                {
                    "scope": [
                        //following will be in italic (=FlottFlott)
                        "comment",
                        "entity.name.type.class", //class names
                        "keyword", //import, export, return…
                        "constant", //String, Number, Boolean…, this, super
                        "storage.modifier", //static keyword
                        "storage.type.class.js", //class keyword
                    ],
                    "settings": {
                        "fontStyle": "italic"
                    }
                },
                {
                    "scope": [
                        //following will be excluded from italics (VSCode has some defaults for italics)
                        "invalid",
                        "keyword.operator",
                        "constant.numeric.css",
                        "keyword.other.unit.px.css",
                        "constant.numeric.decimal.js",
                        "constant.numeric.json"
                    ],
                    "settings": {
                        "fontStyle": ""
                    }
                }
            ]
        }
    }
    
    その後、それを行う必要があります、あなたが開いている場合、結果が表示されます.go ファイルは、この記事の表紙のように.
    この動画はお気に入りから削除されていますhttps://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
    GLHF!