5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VScodeで使いやすい背景変更拡張機能を作ってみた

この記事では作った拡張機能についての説明をしようと思います。

どのように作ったかなどの説明は気分が向いたら後々書きます。

詳しい中身を知りたい方は拡張機能自体はMITライセンスでソースを公開しているのでそちらをご覧ください

拡張機能を追加

私が作った拡張機能はVScodeのマーケットプレースにて公開しています。

VScodeの拡張機能タブで「backimage」と検索すると出てくると思うのでインストールして再起動してください

image.png

設定をする

そうすると左側にBackImageのアイコンが出てくると思うのでクリックしてください

image.png

「画像リスト」の右側にアイコンが二つあると思います。右は画像単体を追加、左はフォルダを追加(フォルダの中の画像をスライドショーのように投影する)を押して画像リストを追加してください

追加が終わると以下のようにリストが追加されると思います。

image.png

※画像リストの名前を変更したい場合はゴミ箱マークの左のボタンを押したあと鉛筆マークを押していただくと変更することが出来ます。

image.png

画像リストの追加が出来たら「未選択」になっている部分を押して登録した画像リストを選択しましょう

image.png

実際に設定を適応

1: 先ほどのセレクトメニューの左側のON/OFFを切り替える

2: 現在の状況が無効になっている場合は「有効化する」ボタンを押す。

3: 「設定を適応する」ボタンを押す

この3ステップで以下のように背景画像変更が出来たと思います。

image.png

注意

この拡張機能はWindows以外でのデバッグが済んでいません

LinuxやMacで実行した場合、うまく動かなかない可能性があります。

ちょっとした宣伝

今現在、本拡張機能は英語と日本語にしか対応していません、他言語に翻訳できる方が居ましたら翻訳していただけると幸いです。

また、本拡張機能に不具合等がありましたらissueで報告、又はPull Requestを出していただければ幸いです。

引用

5
1
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
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?