1
2

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でペットを飼うゾ!!!!!

Posted at

VSCodeでvscode-pets拡張機能を使う方法

概要

「vscode-pets」は、Visual Studio Codeの拡張機能で、エディタ内にペットを表示することができます。

スクリーンショット 2024-10-07 100134.png


目次

  1. vscode-petsのインストール
  2. vscode-petsの使い方
  3. ショートカットキーの設定

vscode-petsのインストール

  1. VSCodeを開く
    まず、Visual Studio Codeを起動します。

  2. 拡張機能パネルを開く
    左サイドバーにある「拡張機能」アイコン(四角形が並んだもの)をクリックします。

  3. vscode-petsを検索
    検索バーに「vscode-pets」と入力し、結果から「vscode-pets」拡張機能を選択します。

  4. インストール
    「インストール」ボタンをクリックして、拡張機能をインストールします。


vscode-petsの使い方

ペットを表示する

  1. コマンドパレットを開く
    Ctrl + Shift + P(Macの場合はCmd + Shift + P)を押して、コマンドパレットを開きます。

  2. vscode-petsを検索
    コマンドパレットに「Pets: Start Pet Panel」と入力し、エンタキーを押します。これでペットがエディタ内に表示されます。

ペットをカスタマイズする

  1. ペットの種類を選ぶ
    コマンドパレットで「Pets: Select Pet」と入力し、利用可能なペットの中からお気に入りのペットを選択します(例: 猫、犬、恐竜など)。
    個人的には鶏がかわいくておすすめです(?)

  2. ペットのサイズを変更する
    「Pets: Change Pet Size」と入力し、小さいペットから大きなペットまでサイズを選べます。

  3. ペットの速度を調整する
    「Pets: Change Pet Speed」で、ペットの動く速度を設定できます。


ショートカットキーの設定

「vscode-pets」をさらに便利に使うために、ショートカットキーを設定することができます。

  1. キーボードショートカット設定を開く
    Ctrl + K その後に Ctrl + S(またはMacでは Cmd + K その後に Cmd + S)を押して、キーボードショートカット設定画面を開きます。

  2. コマンドの検索
    上部の検索バーに「Pets: Start Pet Panel」や「Pets: Select Pet」などのコマンドを検索します。

  3. ショートカットキーを割り当てる
    ショートカットを設定したいコマンドにカーソルを合わせ、「キーを編集」をクリックし、好きなキーを割り当てます。


まとめ

とにかくかわいい。仕事がはかどる、、、気がする。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?