11
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCODEの拡張機能で素敵なワークスペースの色変えに出会ったので布教したい(Peacock)

Last updated at Posted at 2019-07-13

先日、VSCODEを可愛く、おしゃれにする拡張機能(Peacock)に出会った(一目惚れ)ので、布教というなの変更方法の備忘録として投稿します🐥

出会い

先輩から見せてもらったTwitterの投稿で一目ぼれしました…
https://twitter.com/ayatokura/status/1177655260212387840

↓実際に私が設定した画面
スクリーンショット 2019-07-13 21.46.30.png

設定してみる

何はともあれ、一目惚れしたPeacockを早く設定したいってことで設定をしてみる

  1. Visual Studioコードで拡張機能のサイドバーパネルを開く
  2. Peacockと検索する
  3. インストールをクリック
    (この時点で気づくと思いますが、色が何種類もある…!素敵)
スクリーンショット 2019-07-13 17.57.58.png 4. Visual Studioコードを再読み込み ※公式には、必要に応じてと記載があるので再起動してくださいとか出たら再起動してください 5. ワークスペースがある人は、ワークスペースを開いてください ワークスペース何それ?とかワークスペースないよって人は、何かファイルを開けばOKです! 6. `command` (windowsの場合は、`control`) +`Shift`+`P`もしくは、`表示>コマンドパレット`でコマンドパレットを開いてください スクリーンショット 2019-07-13 21.31.25.png 7. `favo`と入力して`Peacock:Change to a Favorite Color`を選択する スクリーンショット 2019-07-13 21.39.54.png
  1. 色を変更する

完了〜!!!
自分の好きな色、言語もしくは実際に作業しているワークスペースの言語に合わせて色を変えるのも素敵だと思います✨
ワークスペース毎に色が変えられるようなので、この言語(ワークスペース)はこの色!って決めるのも楽しいかと思います☺️
スクリーンショット 2019-07-13 21.46.30.png

公式サイト

公式サイトは下記になります〜!
(公式サイトって表現で合っているかは不安)

Visual Studio Code
GitHub

編集履歴

2019/7/16 記載漏れを追記

11
8
1

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
11
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?