LoginSignup
2

More than 5 years have passed since last update.

Visual studio codeでターミナルに背景入れたい時

Posted at

プログラミングする時って、背景ある方がモチベ上がるので

既に紹介している記事があると思いますが、備忘録代わりに残す。

プラグインを使います

background

この作業はインストールが終わるまでは管理者実行してください。

VSCodeの拡張機能ボタンをクリック
検索窓でbackgroundで検索するとこんな画面になります。
私は既にインストール済みだったのでインストール済みと表示されています。
スクリーンショット_2018-04-26_16-40-55.png

こんな説明画面が出ます。
スクリーンショット_2018-04-26_16-40-37.png

インストールできたら、

左上にあるメニューから、
ファイル→基本設定→設定の順にクリック
スクリーンショット_2018-04-26_16-50-14.png

この画面になったら、右枠の{}の中に設定を書いていきます。

設定例を以下に書きます。

{
"background.enabled": true, #trueにするとbackgroundを使うことが出来ます。
"background.useDefault": false, #falseにしないと個別に画像を指定することが出来ません。
"background.customImages": [
"file:///C:/***/***.jpg or png
]
}

私は、以下の設定にしています。

{
"editor.fontFamily": "ゆたぽん(コーディング)",
"editor.fontSize": 19,
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///C:/IMG_0885.JPG",
"file:///C:/IMG_0890.JPG",
"file:///C:/IMG_0886.JPG"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "100% 100%",
"background-repeat": "no-repeat",
"opacity": 0.1
},
"window.zoomLevel": 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
2