miriwoのブログ

IT系の技術や少し趣味よりのことも投稿してゆくよ😊

Mac VScode 設定を共有する拡張機能 Settings Syncを試してみる

概要

  • VScodeの設定を共有できる拡張機能である「Settings Sync」の最初の設定や使い方をまとめる。

準備

  • 設定の共有にGithubのアカウントが必要なので事前に取得しておく。

方法

設定のアップロード

  1. 拡張機能検索窓で「settings sync」と入力してヒットした一番上のものの「インストール」をクリックする。

    f:id:miriwo:20211229175855p:plain

  2. インストールが完了したことを確認して一度VSCodeを再起動する。

  3. 起動すると下記の様なページが開くので「LOGIN WITH GITHUB」をクリックする。

    f:id:miriwo:20211229181003p:plain

  4. Githubのログインページが開くので認証情報を入力して「Sign in」をクリックする。

  5. 「Success! You may now close this tab.」の画面がでたらブラウザを閉じる。
  6. 下記のように表示されたら「SKIP」をクリックする。

    f:id:miriwo:20211229181340p:plain

  7. 下記のページが表示されたら「Sift」+ 「command」+ 「p」を同時に押下する。

    f:id:miriwo:20211229181518p:plainf:id:miriwo:20211229181518p:plain

  8. 表示された検索バーに「sync」と入力し、ヒットした「Sync: アップデート・アップロードの設定」をクリックする。

    f:id:miriwo:20211229181730p:plain

  9. 下記のようなポップアップが出たら「はい」をクリックする。

    f:id:miriwo:20211229181824p:plain

  10. 問題なく設定がアップロードされたようだ。

    f:id:miriwo:20211229181902p:plain

設定のダウンロード

  1. 設定のダウンロードを行いたいPCのVScodeでも「Settings Sync」を入れてGithubでのログインまで完了させる。
  2. Githubにログインすると下記の画面が開くので「Visual Studio Code Settings Sync Gist」をクリックする。

    f:id:miriwo:20211229182442p:plain

  3. 「Sift」+ 「command」+ 「p」を同時に押下して「sync」と入力しヒットした「Sync: Download Setting」をクリックする。

    f:id:miriwo:20211229182833p:plain

  4. 画面下部にインストール中のログが出るので完了するまで待つ。(このタイミングで設定をアップロードする側のVScodeに入っていた拡張機能をダウンロードしたりするっぽいのでかなり時間かかる場合がある)

    f:id:miriwo:20211229183025p:plain

  5. エラーが出ずに完了すれば設定の反映は完了である。