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に戻るので、最後に「開く」ボタンをクリックすると設定の同期が完了します。



Dart Sassの変数の基本的な使い方|Dart Sass入門
Vue CLIで共通のSCSSファイルを読み込む方法
Font Awesome 5の基本的な使い方と、Font Awesome 4との違い
iOS Safariで文章の最後の1文字だけ改行されてしまう現象の対処法
「とりあえず無料版!」ではなく、機能を知った上で判断したいMAMPとMAMP PROの比較
gulp-plumberとgulp-notifyでgulpエラー時にデスクトップで通知がくるようにする
効率的にHTMLを生成できるPugの特徴や記述方法
JetpackでのError during WebSocket handshakeの解決方法
Apacheのテストページを非表示にする方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Dropboxのスマートシンク機能でハードディスクの容量を消費せずにファイルの管理を行う
Alfredで設定しておくと便利な細かいことまとめ
CSS Nite in Kobe, vol.50「今、企業が取り組むべきウェブ動画マーケティング」に参加してきました
Keyboard Maestroでブックマークレットにショートカットキーを割り当てる方法
MacBook ProのTouch Barを完全に無効化する方法
ATOKの8カ国語クラウド翻訳変換を使って、英語の翻訳をすばやく行う方法
MacのQuick Lookをもっと便利にしてくれるプラグインまとめ
Path Finder 9がリリース!シェルフ機能が復活してモジュールの利用が更に便利に!
Obsidianで整理した知識をAnkiで定着させる方法