web-dev-qa-db-ja.com

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

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

エディタのフォントサイズを変更する方法はわかっていますが、環境のフォントサイズを変更する方法がわかりません。それで、あなたはそれをどうにかして変えることができるかどうか疑問に思う。

145
Sul Aga

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

VS Code 1.0リリースに合わせて更新します。

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

198
Benjamin Pasero

"editor.fontSize": 18をエディタのsetting.jsonにコピーするだけです。

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

enter image description here

124
Edwin

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

47
Alegozalves

2017年半ば現在すぐに設定ファイルにアクセスするには ctrl + shift + p settingsと入力すると、ユーザー設定とワークスペース設定が表示されます。ワークスペース設定はユーザー設定をオーバーライドしますですので、後者を直接使用してグローバルに変更することをお勧めします。ワークスペースの設定はあなたのプロジェクトのルートにフォルダを作成します、そこからあなたはすぐにあなたの設定にオプション"editor.fontSize": 14を追加するオプションがあるでしょう、しかしあなたはそれをあなた自身がして好みのフォントサイズに変更できます。

まとめると、

  1. ctrl + shift + p

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

  3. "editor.fontSize": 14を追加

17
randomguy04

プレス後 Control+Shift+P @Edwinが示唆しているように:

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

enter image description here

  1. 次に、「デフォルト設定とユーザー設定を上書きするには、設定をファイルの右側に配置する」か、またはUserSettingsタブをクリックしてwindow.zoomLevelを調整します。

enter image description here

13
usefulBee

表示メニューからズームインおよびズームアウトユーザーインターフェイス全体を使用できます。

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

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

11

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

移動:ファイル - >設定 - >設定またはを押す CTRL+, すなわちCTRL + COMMA。

これでsettings.jsonが開きます。

そこに3つのタブがあります。

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

ユーザー設定に移動して、これを追加してください。

{
"editor.fontSize": 16
}

さて、ファイルを保存して閉じてするだけです。

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

6
Ankit Pandey

enter image description here

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

ファイルを保存すると、効果がすぐにわかります。

enter image description here

お楽しみください!

6
kyo

次のユーザー設定を組み合わせて試してみてください。

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

バージョン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" },
5
ipeluffo

現在(2018年3月)とバージョン1.21.0の時点で、あなたは設定に行き、 'zoom'を検索し、デフォルトでfalseである"editor.mouseWheelZoom": falsetrueに変更することができます。これにより、コントロールボタンとマウスを使用してVS Codeを拡大/縮小できます - ctrl + scrollUp/scrollDown。 VS Codeの作業スペース全体または画面のfontSizeを変更するには、上記のAlegozalvesの回答を参照してください。

4
Abhishek Kakade

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

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

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

オプション1:

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

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


オプション2:

押す Ctrl + P

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

{
    "editor.fontSize": 20
}

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


オプション3:

押す Ctrl + Shift + P

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

  • クリックするだけで、フォントサイズはincresedになります

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

  • クリックするだけで、フォントサイズはdecreasedになります
1
Udhav Sarvaiya

コードウィンドウが大きくなったときに誤って行ったことを解決するために、何年もかかっていました。

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

ズームインCtrl + Shift + . (フルストップ/期間)

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

1
Richard Nixon

Ctrlキーを押しながらマウスホイールを使ってズームインまたはズームアウトします。

1
Brave

(Windows 7上のVS Code 1.33.1)

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

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

私がそれをどのように修正したかを下記で見てください。

@Edwinが示唆しているように、Ctrl + Shift + Pを押して "settings"とタイプすると、ユーザーまたはワークスペースの設定ファイルを簡単に見つけることができます。

私の設定ファイルはここにあります: "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
}
0
PythonAndPascal