Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
49
Help us understand the problem. What is going on with this article?
@mottox2

プロジェクトごとにVSCodeの色とテーマを変えて気持ちを切り替える

More than 1 year has passed since last update.

VSCodeの設定は「ユーザー設定」と「ワークスペースの設定」がわかれており、すべてのプロジェクトで使いたい設定と、個別のプロジェクトで使いたい設定を分けることができます。

これを利用することで、プロジェクト間でエディタの色やテーマを使い分けることができるので、設定方法と設定の例について説明します。

ワークスペースの設定

設定はCmd(Ctrl)+,で開くことができ、ユーザー設定とワークスペースの設定が分けられています。
各プロジェクトの設定は画像の枠で囲った部分からアクセスできます。

スクリーンショット_2019-04-07_22_46_22.png

(ユーザー設定はmacOSの場合は~/Library/Application Support/Code/User/に保存され、ワークスペースの設定は各プロジェクトの.vscode/settings.jsonに保存されます。)

ちなみに.vscode/settings.jsonはgitのグローバル設定でignoreするようにしとくと誤pushが防げて便利です。

部分的に色を変える

筆者はエンジニアとして複数の会社のプロダクトに関わっています。そのときにVSCodeの色が一緒だと、どのプロダクトを開発しているか分かりづらくなることがあります。

そこで.vscode/settings.jsonで、部分的に色を変更する項目を設定しています。

.vscode/settings.json
{
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#4aa1c4",
    "activityBarBadge.background": "#4aa1c4"
  }
}

スクリーンショット 2019-04-07 22.41.52.png

カスタマイズできる項目を公式サイトを見るといいです。
https://code.visualstudio.com/api/references/theme-color

テーマごと変える

技術書典に向けて、VSCodeで原稿を書いています。しかし、仕事でも使っているエディタで書いていると、いまいち執筆気分になりきれません。
そこで、執筆のプロジェクトでは、色を個別に変更するのではなく、テーマごと変えています。

.vscode/settings.json
{
  "workbench.colorTheme": "Solarized Light",
}

ライトテーマとダークテーマを切り替えるだけで、別のエディタを触っている気分になるのでおすすめです。

スクリーンショット 2019-04-07 22.54.19.png

49
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
mottox2
フロントエンドを中心にWebサービス・アプリを作ってるフリーランスエンジニア。UIデザインと編曲もやってます。
admin-guild
「Webサービスの運営に必要なあらゆる知見」を共有できる場として作られた、運営者のためのコミュニティです。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
49
Help us understand the problem. What is going on with this article?