Visual Studio Codeの設定を複数の端末間で同期する「Settings Sync」機能の使い方

Visual Studio CodeのVer.1.48以降は公式の設定同期機能の「Settings Sync」があり、Visual Studio Codeの設定を複数端末間で同期できるようになりました。
設定のほとんどが同期されます。
今回はそんなSettings Syncの設定方法についてまとめておきます。
Settings Sync
Settings Syncは「GitHubアカウント」もしくは「Microsoftアカウント」と紐付けてVisual Studio Codeの設定を同期するVisual Studio Code公式の機能です。
同期できる設定は下記の通りで、ほとんどのVisual Studio Codeの設定項目が同期できます。
- Visual Studio Codeの設定
- キーボードショートカット
- ユーザースニペット
- ユーザータスク
- 拡張機能
- UIの状態
拡張機能は不要
公式の「Settings Sync」機能ができる前は、「Setting Sync(名前が紛らわしいですが、こちらは単数形)」という拡張機能がありました。
これでも設定の同期はありますが初期設定がややこしく、現在は公式機能があるのでそっちに頼るようにしましょう。
同期の設定方法
設定するには、Visual Studio Code左下の「アカウント」アイコンをクリックして[サインインして設定を同期する]を選択します。
![[サインインして設定を同期する]](https://webrandum.net/mskz/wp-content/uploads/2022/08/image_1-7.png)
すると「設定の同期」パネルが表示されて「Microsoft でサインイン」と「GitHub でサインイン」のどちらにするか選択します。

選択すると、ブラウザでMicrosoftかGitHubの連携用のページを開くためのモーダルが表示されます。
「開く」を押してブラウザを表示させましょう。

GitHubのログインページが表示されるので、連携したいアカウントでログインします。

ログインすると、「Visual Studio Code.app を開きますか?」ダイアログが表示されるので「Visual Studio Code.app を開く」をクリックします。

Visual Studio Codeに戻るので、最後に「開く」ボタンをクリックすると設定の同期が完了します。



超軽量なコードエディタ 「Zed」をサブエディタとして活用する
CSSでclassがついていないタグにだけスタイルを当てる方法
Visual Studio Codeで複数ファイルを編集するときにタブやペインの操作方法
HTMLタグの入力をラクにするスニペット集
CSSのz-indexの確認や管理を便利にする方法
WordPressの常時SSL化で、下層ページのhttpからhttpsへのリダイレクトがうまくいかない場合に確認すること
Vue.jsでtemplateタグ内にscriptやstyleタグを生成する方法|Tags with side effect are ignored
Visual Studio Codeのファイル横に表示されるファイルアイコンのテーマまとめ
アイコンフォントをPCにインストールしている場合は、コーディング後の確認に注意
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
高機能で定番なテキストエディタ「Jedit Ω」で自分好みの編集を実現する
Google DriveのmacOSアプリ「バックアップと同期」のインストールと最低限の設定方法
Illustratorでスクリプトを実行するいくつかの方法
BetterTouchToolを使って、Finderのファイルを「規定アプリケーションで開く」ショートカットキーを設定する方法
無料のSVGビューワーの「Gapplin」でSVG画像を確認する
サイトを運営する時必ず登録しておきたいGoogle Search Console(サーチコンソール)の登録方法
Figmaのコメント機能を利用してデザイン上のやり取りを円滑にする
Xnapperを使って、他人に共有するときに見栄えの良いスクリーンショット画像を作成する
ATOKに「短縮読み」の単語を登録して、よく使うフレーズを一瞬で入力する
iPhoneをもっと便利に使うための細かい小技集 #1日1Tips – 2020年2月