実現したいこと
Visual Studio Codeの日本語フォントの文字幅を直したい。
前提
開いたら何故か画像のような感じで日本語の文字幅が広くなってしまいました。
↓
特に何か操作したなど覚えはないですが、無意識のうちに何か設定を変更したのか不明です・・・
設定
settings.json
1{ 2 "workbench.iconTheme": "vscode-icons", 3 "workbench.colorTheme": "Monokai Dark Soda", 4 "php.validate.executablePath": "E:\\xampp\\php\\php.exe", 5 //カスタム 6 "editor.tokenColorCustomizations": {//コメントイタリック無効 7 "comments":{ 8 "fontStyle": "" 9 }, 10 }, 11 "extensions.ignoreRecommendations": true, // 拡張機能のおすすめを非表示 12 "window.restoreWindows": "one", // 起動時に前回開いていたワークスペースを開く 13 "workbench.startupEditor": "newUntitledFile", // 入力した行を自動でフォーマット 14 "workbench.editor.enablePreview": false, //インデント幅を設定 15 "editor.minimap.enabled": false, //ミニマップを非表示 16 "editor.hover.enabled": false, // ホバーしたときに出る解説を消す 17 "editor.renderControlCharacters": true, // 制御文字を表示 18 "editor.renderLineHighlight": "all", // 半角スペースを常に表示 19 "editor.wordWrap": "on", // エディターの幅で折り返し 20 "emmet.showSuggestionsAsSnippets": true, // Emmet の候補を表示 21 "emmet.triggerExpansionOnTab": true, // TAB キーで Emmet を展開できるようにする 22 "emmet.variables": { // Emmet で展開される HTML の言語を変更 23 "lang": "ja" 24 }, 25 "files.trimTrailingWhitespace": true, //ファイル保存時に自動で末尾の空白を削除 26 //color 27 "workbench.colorCustomizations": { 28 "editor.background": "#050505" //エディタの背景色 29 }, 30 "diffEditor.ignoreTrimWhitespace": true, 31 "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", 32 "vsicons.dontShowNewVersionMessage": true, //phpパス指定 33 //edgeファイルをhtmlとしてハイライト 34 "files.associations": { 35 "*.edge": "html", 36 }, 37 //Liquidファイルでコード書くとき、Emmet機能 38 "emmet.includeLanguages": { 39 "liquid":"html" 40 }, 41 "editor.formatOnType": true, 42 "liveServer.settings.donotShowInfoMsg": true, 43 "liveServer.settings.donotVerifyTags": true, 44 "security.workspace.trust.untrustedFiles": "open", 45 "bracket-pair-colorizer-2.depreciation-notice": false, 46 "git.confirmSync": false, 47 "files.autoGuessEncoding": true, 48 "editor.unicodeHighlight.nonBasicASCII": false, 49 "git.openRepositoryInParentFolders": "never", 50 "editor.fontSize": 22, 51 "editor.fontWeight": "normal", 52 "workbench.editor.empty.hint": "hidden", 53 "scm.showHistoryGraph": false, 54 "editor.renderWhitespace": "all", 55}
試したこと
- VS Codeを完全にアンインストールしてから再インストール(Codeフォルダと.vscodeフォルダも削除)→初期状態で本語化拡張機能(Japanese Language Pack for Visual Studio Code)のみインストール→直らない。
- 日本語化拡張機能(Japanese Language Pack for Visual Studio Code)を入れているのですがアンインストールすると何故か治ります。また、インストールすると画像のような状態に戻ります。
- 設定同期をオンにして他のPCに設定を共有してみたところ他のPCでは再現出来ませんでした。正常に表示出来ました。自分のPCのみ起こるようです。
補足情報(FW/ツールのバージョンなど)
Version: 1.95.0 (user setup)
Commit: 912bb683695358a54ae0c670461738984cbb5b95
Date: 2024-10-28T20:16:24.561Z
Electron: 32.2.1
ElectronBuildId: 10427718
Chromium: 128.0.6613.186
Node.js: 20.18.0
V8: 12.8.374.38-electron.0
OS: Windows_NT x64 10.0.19045
■拡張機能
Japanese Language Pack for Visual Studio Code v1.95.2024103009
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。