VSCodeに入ります:Cascadiaコードによるフォント結さ
11646 ワード
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
カスカディアコード
インストールは非常に多くの方法でインストールできます.
OSシステムにインストールしたら、この設定をvscodeに追加します
テキストメイト規則
テキストメイトルールの設定は
私たちは、コードファイルの特定の部分をcaslidiaコードとして様式化された/cursiveフォントによってフォーマットされるように設定にこの以下の構成を加える必要があります、それは同様にイタリック体で行われなければなりません.
この動画はお気に入りから削除されていますhttps://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
GLHF!
これは、書体フォントと呼ばれるかもしれません.
私はこの記事をどのように動作するかを把握した後、それは実際には既存の記事をまだしていないことを書いた.
これらの一般的な部分に従って動作します.
良いフォントはフォントのリフティングをサポートし、無料FIRAコード、カスカディアコードです.私が使用している現在の1つはCascadiaコードですので、それは良いです、そしてそれはWindows端末と一緒に頻繁に更新を取得- Windows上の新しい強力なターミナルアプリ.
カスカディアコード
インストールは非常に多くの方法でインストールできます.
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!
Reference
この問題について(VSCodeに入ります:Cascadiaコードによるフォント結さ), 我々は、より多くの情報をここで見つけました https://dev.to/vuong/font-ligatures-for-go-in-vscode-with-cascadia-code-21hbテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol