超便利&簡単!VS Codeの設定を複数PC間で同期する

こんばんは。今日は、Visual Studio Codeの設定を、PC間で同期する方法について整理しておこうと思います。

以下のQiitaでも解説されていましたが、より新しいバージョンのVisual Studio Codeには、公式の同期機能が備わっています。これを利用することにより、異なるPCにインストールされたVS Code間で常に同一の拡張機能、設定がインストールされた状態で作業を進めることができて大変便利です。

https://qiita.com/Nuits/items/6204a6b0576b7a4e37ea

今回は、以下のように同期元と同期先の2台のPCがある状態を想定して解説を進めていきます。

前提の環境

今回は、以下の2台のPCにそれぞれVS Codeがインストールされていること前提とします。

・Windows PC(同期元:既に設定を充実させてある)

・Mac PC(同期先:設定がほとんどされていない)

それでは早速参ります!

Contents

各VS Codeの事前設定

まあ、同期元・同期先問わずやることは同じですが、それぞれ一応キャプチャを添えておきます。

同期元VS Code

VS Code左下の「Turn on Settings Sync」より、同期を「Turn On」します。

すると、同期対象の設定が選択できます。今回は全てを同期対象とし、続いてSing inをクリックします。

このとき、既に所有しているMicrosoftまたはGithubのアカウントのいずれかを使ってログインします。今回私はGithubアカウントでログインしました。

これで同期の有効化が完了しました!!


同期先 VS Code

はい、こちらも上と全く同じことをやっていきます。(日本語版、英語版の違いはありますが)

以下同文なので説明は割愛します。

こちらも、先ほどと同じGithubアカウントでログインしたところで、無事同期完了!と思いきや以下のエラーが。。どうやらバージョンが揃っていない?ようで、有効化に失敗しました。

というわけで、エラー文言の通りに、こちらのVS Codeのバージョンを更新しに行く。

と思ったらここでも問題が!どうやら私のMacにインストールしていたVS Codeは、Downloadフォルダ直下で動かしていたため、更新が行えない、というエラーのようでした。

VS CodeをDownloadフォルダから別ディレクトリに写すことでVS Codeのアップデートが可能になり、その結果同期の有効化にも無事成功しました!

以上で事前準備は完了です!

同期開始

さて、それではVS Codeの設定が同期される様子をみてみたいと思います。

同期先VSCodeを同期元VScodeの設定に合わせて更新する

同期は、それぞれのVS Codeが起動されたタイミングで行われるようなのですが、最初に同期先(Mac)のVS Codeを再起動すると、以下の確認がでてきました。

Merge Manuallyを選択すると、設定ファイルの同期方針についての確認が出てきました。

Extensionsなどは、基本的に存在する方に合わせて追加インストールされるだけのようですが、VS Code自体の設定ファイルは、どちらを正とするか選択できるようです。

こちらをどちらか希望の方で選択すると、設定の同期が完了し、続けてExtensionsの同期が開始されました。OUTPUTのログに同期状況が出力されるので、目でも確認することができます。

Sync完了!同期先(Mac)側のVS Codeに、同期元(Windows)側のExtensionsが全てインストールされ、左側メニューが増えました!(Windows側と同じに!)

とても簡単でした!

いずれかのVSCodeを更新してみる

さて、これで2つのVS Codeは同期された状態になったのですが、ここでさらに追加の拡張機能を片方に入れてみます。

この後、Windows側のVS Codeを再起動してみると、想定どおり再起動のタイミングで同期が走り、追加した拡張機能がインストールされた状態で立ち上がりました!!

うん、この機能控え目にいって超絶便利!!

以上、VS Codeを複数マシン間で同期する方法についての整理でした!

最後までご覧いただきありがとうございました!もし、この記事が参考になった!という方がいらっしゃれば、以下のいいねボタンをポチっていただけますと嬉しいです!

それでは!

この記事を気に入っていただけたらシェアをお願いします!
ABOUT US
Yuu113
初めまして。ゆうたろうと申します。 兵庫県出身、東京でシステムエンジニアをしております。現在は主にデータ分析、機械学習を活用してビジネスモデリングに取り組んでいます。 日々学んだことや経験したことを整理していきたいと思い、ブログを始めました。旅行、カメラ、IT技術、江戸文化が大好きですので、これらについても記事にしていきたいと思っています。