5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

vscodeで合字(ligature)を有効にする方法

Posted at

合字(ligature)とは

プログラミング言語でよく使用する記号(不等号, 矢印, 論理演算子など)をいい感じに見やすく表示してくれます
スクリーンショット 2021-04-02 1.02.08.png

メリット

  • テンションが上がる
  • 不等号を書くときに <= なのか =< なのか迷わなくて済む

Fira Codeのインストール

vscodeのデフォルトのフォントではligatureを有効にすることができないので
ligature対応のフォント(今回はFira Code)をインストールします

上のリンクからフォントのzipファイルをダウンロードします
スクリーンショット 2021-04-02 1.04.03.png

zipファイルのttfフォルダ配下にある全てのファイルを選択して「開く」を選択してフォントのインストールを完成させます

スクリーンショット 2021-04-02 1.06.03.png

vscodeでの設定

Font Familyに'Fira Code'を追加します(左側にあるフォントが優先されるので一番左に追記する)
スクリーンショット 2021-04-02 1.11.11.png

settings.jsonにて以下を設定する

settings.json
"editor.fontLigatures": true,

Done!!
ligature.gif

5
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?