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

More than 5 years have passed since last update.

VSCodeの拡張「Settings Sync」で幸せなチーム開発

Last updated at Posted at 2020-12-05

TL;DR

  • VSCodeのバージョンは揃えると幸せになれる
    • 古いVSCodeと新しいVSCodeを混在させていると、同期してもインストールされていない事がある様です[要出典]
  • Github Access Tokenの発行が必要
  • Gistの設定が必要

目的・ターゲット

これらを解決する目的の方法の一つとして役立つと思います

  • いろんなIDEで開発していて、中々規約化できない
  • 実装レビューがIDEが色々ある前提になっていて、効率が悪い
  • 複数開発機で設定を同期できずに困っている

他、ターゲットとして以下も含まれると思います

  • 複数のMBPなどで開発している(チーム開発も含む)で、IDEに統一が見られない事でコーディング規約が策定されていない、策定しないと言う様な場合に、統一することが出来る
  • Rubocopやlintをこの同期を前提で策定することも可能であると思われる

手順

Githubアクセストークンを発行

スクリーンショット 2020-12-05 15.13.07.png
スクリーンショット 2020-12-05 15.15.23.png
スクリーンショット 2020-12-05 15.15.47.png
スクリーンショット 2020-12-05 15.16.57.png
スクリーンショット 2020-12-05 15.17.15.png
スクリーンショット 2020-12-05 15.17.35.png
スクリーンショット 2020-12-05 15.18.17.png
スクリーンショット 2020-12-05 15.22.10.png
スクリーンショット 2020-12-05 15.22.35.png
スクリーンショット 2020-12-05 15.27.52.png

GistのIDを発行

スクリーンショット 2020-12-05 15.28.15.png
スクリーンショット 2020-12-05 15.30.42.png
スクリーンショット 2020-12-05 15.31.23.png
スクリーンショット 2020-12-05 15.36.25.png

VSCodeの拡張で Settings Sync をインストール

スクリーンショット 2020-12-05 15.37.11.png
スクリーンショット 2020-12-05 15.38.07.png

Settings Syncの設定

スクリーンショット 2020-12-05 15.38.28.png
スクリーンショット 2020-12-05 15.39.03.png
スクリーンショット 2020-12-05 17.46.25.png
スクリーンショット 2020-12-05 17.46.42.png
スクリーンショット 2020-12-05 17.51.21.png

設定のアップロード

スクリーンショット 2020-12-05 17.51.34.png
スクリーンショット 2020-12-05 17.53.01.png

別のマシンでVSCodeのインストール

設定のダウンロード

  • Extensions を開く

スクリーンショット 2020-12-05 18.29.58.png

  • settings sync を入力して検索します
  • Settings Sync を Install します

スクリーンショット 2020-12-05 18.30.18.png

  • Install が終わって以下のビューが表示されたら、 Shift + command + p を押下してコマンドパレットを表示します

スクリーンショット 2020-12-05 18.30.41.png

  • Sync: Advanced Options を選択します

スクリーンショット 2020-12-05 18.32.10.png

  • Sync: 設定を開く を選択します

スクリーンショット 2020-12-05 18.32.30.png

  • 設定ビューが表示されたら、Gist IDに「」を、アクセストークンに「」を入力します。入力が終わると、左下の✔︎がリロードされて、再度、✔︎が表示されたら完了です。

スクリーンショット 2020-12-05 18.33.00.png
スクリーンショット 2020-12-05 18.36.32.png

  • Shift + option + d で同期されます。完了すると Done が表示されます。

スクリーンショット 2020-12-05 18.37.48.png

settings.jsonの更新

  • 同期元の settings.json の内容をコピペします
  • [Code] > [Preferences] > [Setitngs] から開き更新するだけです。

これで同期は完了です。

考察

  • settings.jsonが同期されないのが残念。
    • これについてはローカル管理は嫌なので、ナレッジサービスで管理しています。
1
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
1
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?