環境のフォントサイズを変更する方法


234

Visual Studio Codeで環境のフォントサイズを変更する方法はありますか?IntelliSenseボックス、デバッグパネル、ファイル名などのようなもの

エディターのフォントサイズを変更する方法を知っていますが、環境のフォントサイズを変更する方法がわかりません。どうにかして変えられるかな?


設定メニューのsettings.jsonで必要なものを見つけることができます。マイクロソフトは彼らのサイトにカスタマイズ設定formateを提供します
Chi-Shan Yu

1
これらすべての答えは、エディターのフォントサイズも変更します。エディターなしで環境のフォントサイズを変更するにはどうすればよいですか?
mark-hahn

1
驚くほど多くの非回答が投票されます。OPの質問に対する答えは、ここでは見つかりません。それでも非常に多くの人が、OPからのまったく同じ、しかし異なる質問に対して同じ答えを繰り返します。
ペドロロドリゲス

回答:


305

現在、フォントファミリーやサイズをエディターの外で変更することはできません。ただし、Viewメニューからユーザーインターフェイス全体を拡大または縮小できます。

VS Code 1.0リリースの更新:

新しく導入された設定window.zoomLevelにより、ズームレベルを永続的に維持できます。ズームインまたはズームアウトするために、負の値と正の値の両方を持つことができます。


3
今後のリリースでそれを含める計画はありますか?投票できますか?ファイルのリストは高解像度でもデバッグパネルでも非常に小さく見えます
Sul Aga

表示メニューからズームイン操作を試しましたか?
Benjamin Pasero、2015年

今はずっと良い。この「回避策」を回答に追加して、回答としてマークしてください。ありがとう
Sul Aga

ズームアウトしてカーソルが消える理由がわからない場合は、「細い線」に設定されているかどうかを確認してください。「線」に設定すると、少なくとも60%ズームまでは問題が修正されます。
マイケルジョンストン

:ウィンドウのズームが欠点を持っている、それは、例えば、端末の「ファジーフォント」トリガできる github.com/microsoft/vscode/issues/84194
サンドス

166

エディターにコピー"editor.fontSize": 18してくださいsetting.json

押すControl+ Shift+ Pとし、「設定」を入力すると、あなたは簡単にユーザーまたはワークスペースの設定ファイルを見つけることができるようになります。

ここに画像の説明を入力してください


16
これはうまく機能しますが、OPの望みとは異なり、テキストエディターだけでなく全体のサイズを変更します
Thaina

@StepanSuvorov下記の私の新しい答えを見てください、それでも遅くなることはわかっています、乾杯!
randomguy04

@ randomguy04は、回答のサイズを変更するためのショートカットをまだ表示しません
Stepan Suvorov

91

Visual Studio Codeでを押すCtrl+Ctrl-、IDEの全体的なフォントサイズを変更できます。これは、すべてのセッションで設定を変更するよりも速くなります。それが役に立てば幸い...


4
ノート、この修正のユーザー設定「window.zoomLevel」:1、
ダミアン・グリーン

2
最新バージョンでは、ズームインは次のCtrl + =
Ryan Walker

22

2017年半ばの時点で設定ファイルにすばやくアクセスするには、ctrl+ shift+ pを押してEnter settingsキーを押します。そこにユーザー設定とワークスペース設定が表示されます。ワークスペース設定がユーザー設定を上書きすることに注意してください。後者を直接使用することをお勧めしますこれをグローバルに変更します(ワークスペースの設定により、プロジェクトルートにフォルダーが作成されます)。そこから、オプション"editor.fontSize": 14を設定に簡単に提案するオプションを追加できますが、自分で行って、値を好みの値に変更できます。フォントサイズ。

要約すると:

  1. ctrl+ shift+p

  2. 「ユーザー設定」を選択

  3. 追加 "editor.fontSize": 14


9
これはOPの質問には答えません。OPは、エディターのフォントではなく、環境のフォントサイズの変更を具体的に要求します。
Chris

フィードバック@Chrisに感謝しますが、質問に答え、必要な情報があると思います。環境ごとに設定する場合は、ユーザー設定ではなくワークスペース設定を変更します。指定した環境設定は.vscodeフォルダーに保持されます
randomguy04

4
environmentテキストエディタにないGUIのすべてのものと同様に、OPはを要求しますStuff like IntelliSense box, debug panel, file names, etc。私は間違っている可能性がありますが、OPはあなたが話している環境を指しているとは思いません
Chris

20

次のユーザー設定の組み合わせで遊んでみてください。

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

これは受け入れられた回答に追加する必要があります。非常に簡潔かつ
Chris

4
"window.zoomLevel": 1.5私のような老人にとって非常に良い選択です
e2a

たくさんの賛成投票でここにすべての悪い答えは、これは最終的に正しいアプローチです。
マーク

14

[表示]メニューからユーザーインターフェイス全体を拡大および縮小できます。

現在、私はバージョン1.21.1を使用しています。表示メニューで、2番目と3番目の最後のオプションであるズームインとズームアウトのオプションを取得できます。Ctrl+ +Ctrl+ を使用してそれを行うことができます-

[ ズームリセット ]オプションを選択すると、いつでもズームをリセットできます。


1
ここでは、ユーザーインターフェイス全体がVSCodeエディターを意味します。
shankar upadhyay

ええ、それはウィンドウ全体をスケーリングします。これは、高解像度画面がある場合に最適です
Kirill

14

@Edwinの提案に従ってControl+ Shift+ Pを押した後:

  1. ワークスペース設定を探します。

ここに画像の説明を入力してください

  1. 次に、「設定をファイルの右側に配置して上書きします...デフォルトおよびユーザー設定」。または、目的のアクションである場合は、UserSettingsタブをクリックしてwindow.zoomLevelを調整します。

ここに画像の説明を入力してください


10

バージョン1.2の変更ログによると、フォントだけでなくUI全体をズームインおよびズームアウトする新しいコマンドが追加されました。

変更ログ:https : //code.visualstudio.com/updates/v1_24#_font-zoom-commands

次のキーバインドを使用して、デフォルトのグローバルズームアクションを置き換えます。

macOSの場合:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

WindowsおよびLinuxの場合:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. VSコードを開く
  2. コマンドCTRL + SHFT + Pを入力します
  3. タイプ設定
  4. 設定ファイルが開きます。
  5. ユーザー>テキストエディター>フォントで、フォントサイズを見つけます。
  6. ご希望のフォントサイズを入力してください

それでおしまい。


7

ここに画像の説明を入力してください

私は私に設定しました "editor.fontSize": 12,

ファイルを保存すると、効果が正しく表示されます。

ここに画像の説明を入力してください

楽しい !


4
それは求められたものではありません
JohnC

7

Visual Studio作業環境でフォントサイズを変更する簡単な方法:

移動:ファイル->設定->設定またはCTRL +を押し,ます。つまり、CTRL + COMMAです。

これにより、settings.jsonが開きます

あなたはそこに3つのタブを見ることができます:

  1. ユーザー設定
  2. ワークスペース設定
  3. フォルダ設定

ユーザー設定に移動し、これを追加します。

{
"editor.fontSize": 16
}

次に、ファイルを保存して閉じます。

上記のコードでは、16はフォントサイズを表します。あなたの希望に応じて減少の増加。


6

(Windows 7のVS Code 1.33.1)

すべてズーム(UIとエディター):CTRL + +、CTRL + -

ズームエディター:CTRL +マウスホイール。

修正方法は以下をご覧ください。

@Edwinで提案されているように、Ctrl + Shift + Pを押してから「設定」と入力すると、ユーザーまたはワークスペースの設定ファイルを簡単に見つけることができます。

私の設定ファイルは「C:\ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json」にあります

私のファイルは次のようになります:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

コードウィンドウが大きくなったときに誤って何をしていたかを理解するために、年齢を重ねました。

ズームアウト = Ctrl+ Shift+ ,(カンマ)

ズームイン = Ctrl+ Shift+ .(完全停止/期間)

実際には投稿された質問への答えはまったくありませんが、症状のために私のような誰かがここに来ると思います!


5

Visual Studioコード(バージョン:1.36.1)、エディターにはフォントサイズを変更するための多くのオプションがあります

オプション1:

移動:ファイル > 設定 > 設定 > ユーザータブを選択> テキストエディター > フォント > フォントサイズ

フォントサイズ:要件に従ってフォントサイズをピクセル単位で変更します


オプション2:

Ctrl+を押すP

検索:settings.json、ファイルを開き、settings.jsonファイルに次の行を追加し ます。

{
    "editor.fontSize": 20
}

注:変更後にファイルを保存します


オプション3:

Ctrl+を押すShift +をP

検索:エディターフォントズームイン

  • クリックするだけでフォントサイズが大きくなります

検索:エディターフォントズームアウト

  • クリックするだけでフォントサイズが小さくなります

4

現在(2018年3月)およびバージョン1.21.0では、[設定]に移動して「ズーム」を検索し"editor.mouseWheelZoom": false、デフォルトでfalseになっているをに変更できますtrue。これにより、コントロールボタンとマウス-を使用してVSコードを拡大/縮小できますctrl + scrollUp/scrollDownfontSizeVS Codeの全体的な作業スペース/画面の変更については、上記のAlegozalvesの回答を参照してください。


4

Visual Studio Codeでは、フォントサイズは[設定]タブから簡単に変更できます。

これを行う最も簡単な方法は、Ctrl+ Shift+P、次に「設定」を入力します。これにより、いくつかの結果が表示されます。「設定(UI)」を選択します。[設定]タブがエディターで開きます。ここから、フォント設定を変更できます。これはエディタのフォントにのみ影響します。

または、ウィンドウの左下にある設定アイコンをクリックして、そこからフォントを検索することもできます。

ここに画像の説明を入力してください

環境全体のフォントサイズを変更するには、ctrl+を押すことを検討してください+。これは、環境全体にズームインするように機能し、フォントサイズが大きくなります。

設定(UI)を選択


3

Ctrlマウスのホイールを押して、ズームインまたはズームアウトします。


[表示]メニューからユーザーインターフェイス全体を拡大および縮小できます。しかし問題は、フォントサイズを変更する方法です

3

、を同時に押すCtrlShiftPメニューが表示され、検索Editor Zoom inます。それを選択すると、フォントはある程度大きくなります。

希望するフォントサイズになるまでこれを繰り返します。


1

あなたが使用することができeditor.fontSize、あなたの中にsetting.json、エディタのファイル。

例えば ​​:

{
"editor.fontSize": 14
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.