14
11

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 5 years have passed since last update.

VScodeをかっこよくした話 peacock編

Last updated at Posted at 2019-09-28

はじめに

こんにちは
私は主としてインフラエンジニアをしていますが
アプリケーションコードとインフラコードの両方を管理しています

以下のようなディレクトリ構成になっています

アプリケーションコード 

  • ”Optimind-App-A”
  • ”Optimind-App-B1”
  • ”Optimind-App-B2”

インフラコード

  • ”Infra-Optimind-App-A”
  • ”Infra-Optimind-App-B1”
  • ”Infra-Optimind-App-B1”

特にインフラコードはよく似ているので変更を加えるインフラコードを間違えがちでした

peacockとの出会い

いつものようにtwitterを見ているとこんなつぶやきが、、、!!!

Visual Studio Codeを複数開いて利用する時に便利な、ワークスペースの色を変えられる拡張機能「Peacock」が、30万ダウンロードを突破する人気ぶり❗️#VSCode #エディタ

これは導入するしかない!

導入編

最初はこんな感じ
自分がどのディレクトリを編集しているか直感的には分かりにくかったVScodeですが
スクリーンショット 2019-09-28 21.28.50.png

匠の技によって
なんということでしょう.jpg

なんということでしょうか

こんなにも分かりやすいVScodeになりました

スクリーンショット 2019-09-28 21.19.30.png

導入方法

  1. vscodeを開く
  2. Shift+Command+Xで拡張を開く
  3. peacockと検索しinstallする
  4. F1を押し、コマンドパレートを開く
  5. "peacock"と検索
  6. "Peacock: Change to a favorite color"を選択
  7. 好きな色を選ぶ

ディレクトリに
.vscode/setting.json
が存在していてその中に変更が記載されるのでvscodeを閉じても変更は保存されたままになります

最後に

最後まで読んでいただきありがとうございます

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?