前提・実現したいこと
ばやしこのブログ
上記の方のブログで紹介されているVS Code用の拡張機能「Background」を利用し、
ブログ同様にオリジナルの画像を設定したい!
早い話が、Visual Studio 2022で設定している以下のエディター上の背景画像のようにしたいです。
(ここでは分割してますが、特に気にしないでください)
なので、今回の質問は、
VS Codeに拡張機能「Background」をInstall後にDefaultの画像ではなく、
自分の好きな画像を設定するための「Setting.json」の変更でどこが間違っているか知りたいです。
またはその設定方法です。
###現状
Defaltの東方の画像はsetting.jsonの設定でfalseにして消しています。
発生している問題・エラーメッセージ
特なし
該当のソースコード
JSON
1{ 2 "files.autoGuessEncoding": true, 3 "files.autoSave": "onFocusChange", 4 "editor.minimap.enabled": false, 5 "workbench.colorTheme": "Winter is Coming (Dark Blue - No Italics)", 6 "backgroundCover.imagePath": "C:/Users/sunse/Pictures/image/51fc72f4-0cab-4c95-8e38-d6f770f087ec-removebg-preview.png", 7 "backgroundCover.opacity": 0.2, 8 "background.style": { 9 10 11 "content": "''", 12 "pointer-events": "none", 13 "position": "absolute", 14 "z-index": "99999", 15 "width": "100%", 16 "height": "100%", 17 "background-position": "100% 100%", 18 "background-repeat": "no-repeat", 19 "background-size": "auto 60%", //coverとか好みで設定する。例は右下に高さ40%の基準で設置 20 "opacity": 0.7 21 }, 22 "background.customImages": [ 23 "C:/Users/sunse/Pictures/image/Kanae-removebg-preview.png" 24 ], 25 "background.customImageFolders": [ 26 //"C:/Users/sunse/Pictures/image" 27 ], 28 "background.styles": [ 29 30 {}, 31 {}, 32 {} 33 ], 34 "background.useRandom": true, 35 "backgroundImage.folderPath": "C:/Users/sunse/Pictures/image", 36 "backgroundImage.opacity": 0.6, 37 "editor.fontFamily": "Menlo, Consolas, 'Courier New', monospace", 38 "editor.inlayHints.fontFamily": "Menlo, Consolas, 'Courier New', monospace", 39 "trailing-spaces.backgroundColor": "rgba(255,0,0,1.0)", 40 "editor.accessibilityPageSize": 14, 41 "editor.fontSize": 15, 42 "editor.quickSuggestions": true, 43 "vsicons.dontShowNewVersionMessage": true, 44 "security.workspace.trust.untrustedFiles": "open", 45 "diffEditor.codeLens": true, 46 "editor.codeLensFontFamily": "Meiryo UI, monospace, sans-serif", 47 "cSpell.customUserDictionaries": [ 48 49 "Behaviour" 50 51 ], 52 "cSpell.dictionaries": [ 53 "Behaviour" 54 ], 55 "cSpell.customWorkspaceDictionaries": [ 56 57 ], 58 "workbench.iconTheme": "material-icon-theme", 59 "background.loop": true, 60 "background.useDefault": false, //ランダムに並び替えるかどうか( false だとフォルダは名前順) 61}
以下が画像フォルダ格納先のFullPathです。
取得したOSはWindowsですが、PathはバックスラッシュでMac/Linuxと同じなのかな?
JSON
1"C:\Users\sunse\Pictures\image\Kanae-removebg-preview.png"
拡張機能「Background」で任意の画像を設定されている方、もしくはそれ以外でも、
どこが違っているかご指摘いただければ幸いです!
試したこと
=>そのため、良くあるPathの記述の違い等なのかなと思い、Pathは
- 「/」で繋げる
- 「\」で繋げる
- 「\」で繋げる
上記の3パターンを試し、再起動を試しましたがどれも画像が表示されなくて困っています。
また、念のためVS Code起動時はadminで起動後に、setting.jsonの設定を変更しています。
adminでなくても画像が表示されないのは確認済みです。
補足情報(FW/ツールのバージョンなど)
バージョン: 1.59.1 (user setup)
コミット: 3866c3553be8b268c8a7f8c0482c0c0177aa8bfa
日付: 2021-08-19T11:56:46.957Z
Electron: 13.1.7
Chrome: 91.0.4472.124
Node.js: 14.16.0
V8: 9.1.269.36-electron.0
OS: Windows_NT x64 10.0.19042
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/08/22 05:20