برنامه‌نویسی

نحوه همگام‌سازی تنظیمات VS Code بین چند دستگاه

نحوه همگام‌سازی تنظیمات VS Code بین چند دستگاه

هر برنامه‌نویس، ویرایشگر مخصوص به خودش را دارد، چگونه می‌توانیم اطمینان حاصل کنیم که پیکربندی VS Code در هر کجا که از آن استفاده می‌کنیم، یکسان است؟

VS Code چیست؟

Visual Studio Code، یک ویرایشگر کد است که به شما کمک می‌کند، تمام ویژگی‌های مورد نیازتان را در توسعه یک برنامه به همراه داشته باشید.

شهرت این‌ابزار، در جامعه برنامه‌نویسان JavaScript هر روز بیشتر می‌شود. مایکروسافت تلاش زیادی کرده‌‌است تا کاری را انجام دهد که مردم بخواهند از VS Code استفاده‌کنند و تلاششان هم نتیجه داده‌است.

از چه چیزهایی استفاده می‌کنیم؟

ما می‌خواهیم از extension ی به نام Settings Sync استفاده‌کنیم، که از ویژگی Github Gist برای ذخیره یک پرونده پیکربندی خصوصی JSON استفاده می‌کند.

چگونه کار می‌کند؟

این extension از Github’s OAuth برای ورود به حساب گیتهاب شما استفاده می‌کند. پس از تایید حساب، VS Code یک access token و فایل تنظیمات خود را در Github Gist به صورت خصوصی (برای کاربران غیرایرانی)، ذخیره‌ کند.

در هر محیط دیگر شما با نصب این extension و ورود به حساب گیتهاب‌تان می‌توانید بلافاصله از پیکربندی قبلی خود استفاده‌کنید.

قدم اول: VS Code

ما فرض می‌کنیم VS Code را قبلا نصب کرده‌اید و تنظیماتی غیر از تنظیمات پیش‌فرض را انجام داده‌اید.

قدم دوم: نصب Settings Sync

در این‌مرحله اولین کاری که باید انجام دهیم، نصب افزونه است. شما چند راه‌حل برای انجام این‌کار دارید. می‌توانید وارد این‌وبسایت شوید و دکمه install را بفشارید، بعد از این‌کار برنامه VS Code باز می‌شود یا می‌توانید در قسمت جستجوی extension ها، نام Settings Sync را جستجو کنید.

VS Code Settings Sync extension
VS Code Settings Sync extension

بعد از نصب یک صفحه مجزا برای شما نشان داده می‌شود که بخش داشبورد افزونه Settings Sync است.

داشبورد Settings Sync بعد از نصب
داشبورد Settings Sync بعد از نصب

قدم سوم: دسترسی به گیتهاب را مجاز کنید

برای شروع کار با گیتهاب، بر روی LOGIN WITH GITHUB در داشبورد تنظیمات Settings Sync کلیک‌کنید.

ورود به Settings Sync با گیتهاب
ورود به Settings Sync با گیتهاب

با این کار گیتهاب در مرورگر پیش‌فرض شما باز می‌شود و از شما می‌خواهد وارد حساب شوید.

ورود موفقیت‌آمیر گیتهاب به Settings Sync
ورود موفقیت‌آمیر گیتهاب به Settings Sync

پس از ورود به حساب باید، پیام Success را در مرورگر خود ببینید!

قدم چهارم: تنظیمات فعلی خود را بارگذاری کنید

اکنون که به گیتهاب وصل شده‌اید، آماده آپلود تنظیمات خود هستید. Command Palette را با دکمه‌های ترکیبی CMD+Shift+P (روی سیستم‌عامل مک) بازکنید و به‌دنبال “Sync Upload” بگردید و برروی Sync: Update/Upload Settings کلیک‌کنید.

فرمان Update/Upload Settings در Settings Sync
فرمان Update/Upload Settings در Settings Sync

هنگام انجام این‌کار ممکن‌است، صفحه ای نمایش داده شود و از شما بخواهد که “آیا می‌خواهید بارگیری انجام شود” – YES را فشار دهید.

آپلود اجباری تنظیمات جدید در Settings Sync

در این‌مرحله، تنظیمات همگام‌سازی یک Gist جدید را در حساب گیتهاب شما ایجاد می‌کند. پس از اتمام کار، باید پیام موفقیت‌آمیز را مشاهده کنید.

آپلود موفقیت‌آمیر تنظیمات در Settings Sync
آپلود موفقیت‌آمیر تنظیمات در Settings Sync

اکنون باید قادر به بازدید از gist.github.com باشید و یک cloudSettings Gist خصوصی/عمومی جدید پیدا‌کنید که شامل تمام تنظیمات کد VS Code شماست!

مرحله 5: پیکربندی خود را با محیط دیگر همگام‌سازی کنید

برای همگام سازی پیکربندی VS Code خود با یک دستگاه دیگر، ابتدا مراحل 2 و 3 را در بالا دنبال‌کنید (نصب extension: settings sync و LOGIN WITH Github).

تفاوت اینجاست که شما می‌خواهید VS Code را پیکربندی کنید و به‌جای بارگذاری تنظیمات، آن‌ را دریافت می‌کنید.

برای شروع، ابتدا از داشبورد، Settings Sync خود را باز‌کنید یا می‌توانید Command Palette را باز‌کنید و “Sync Download” را تایپ و enter بزنید. در این قسمت، این بار بر روی ویرایش پیکربندی (EDIT CONFIGURATION) کلیک‌کنید.

ویرایش تنظیمات در Settings Sync
ویرایش تنظیمات در Settings Sync

در این‌صفحه باید Github Access Token خود را مشاهده‌کنید، اما همچنین باید یک فیلد خالی برای Gist ID ببینید. در این مرحله، ابتدا شناسه را از آدرس URL cloudSettings Gist دریافت‌ می‌کنیم:

VS Code cloudSettings Gist ID

و سپس آن‌مقدار را درون ورودی Gist ID مان در VS Code قرار‌دهید.

اضاف کردن GIST ID به پیکربندی Settings Sync

پس از آن، می‌توانید Command Palette را باز‌کنید، “sync download” را تایپ و Enter بزنید، تنظیمات همگام سازی پیکربندی VS Code را از Gist دریافت کرده و تنظیمات محلی خود را با آن پیکربندی به‌روز کنید!

مرحله 6: پیکربندی خود را به روز کنید

از اینجا به بعد، هر زمان که می‌خواهید تغییر جدیدی در پیکربندی ذخیره شده خود ایجاد‌کنید، از ویژگی‌های بروزرسانی، آپلود و دانلود مانند گذشته استفاده‌کنید.

برای به روزرسانی تنظیمات جدید در پیکربندی خود، “sync update” را تایپ کرده و کلید enter را بزنید:

دستور بروزرسانی برای Settings Sync

و برای بارگیری پیکربندی خود برای همگام سازی ویرایشگر دیگر، “sync download” را تایپ کرده و Enter را بزنید:

دستور بارگیری تنظیمات برای Settings Sync
دستور بارگیری تنظیمات برای Settings Sync

این دستورات cloudSettings Gist شما را به‌روز می‌کند و با نمونه‌های قبلی VS Code همگام‌سازی می‌شود.

منبع: https://www.freecodecamp.org/news/how-to-sync-vs-code-settings-between-multiple-devices-and-environments