آیا می خواهید یک پیکربندی خاص در VS Code برای یک محیط یا گردش کار خاص داشته باشید؟

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

خوب، شما خوش شانس هستید! امروز به شما نشان خواهم داد که چگونه این کار را انجام دهید داخل کد VS با پروفایل ها. ✨

نمایه ها در فوریه 2023 (نسخه 1.7.6) به VS Code اضافه شدند. قبلاً افراد این پیکربندی را انجام می دادند خارج از از VS Code و مجبور شدند برای ساختن سیستم خود کمی کشمکش در خط فرمان انجام دهند. به عنوان مثال، Joe Previte یک گردش کار آموزشی برای دوره های Egghead خود ایجاد کرد. اگر مراقب نباشید این روش ممکن است به هم ریخته شود! ⚙️🤕⚙️

پروفایل چیست؟

نمایه ها به کاربر امکان می دهند یک مجموعه پیکربندی شامل حالت رابط کاربری، تنظیمات و برنامه های افزودنی را ذخیره کند. می‌تواند تنظیمات برگزیده را ثبت کند که می‌تواند به شما کمک کند بین زمینه‌ها جابجا شوید. می توانید به راحتی بین پروفایل ها جابجا شوید. 🔄

نمایه ها را می توان در بین ماشین ها همگام سازی کرد. می توانید آنها را صادر کرده و با همکاران خود به اشتراک بگذارید تا کار خود را هماهنگ کنند.

به نظر من این یک قطعه گم شده از تنظیمات VS Code برای مدت طولانی بود.

یک نمایه می تواند شامل چه مواردی باشد؟

یک نمایه می تواند شامل موارد زیر باشد:

• حالت های UI: نمایش چیدمان، نماهای قابل مشاهده و اقدامات.
• تنظیمات: یک پروفایل خاص settings.json فایل.
• برنامه های افزودنی: می توانید برنامه های افزودنی را از نمایه اضافه یا حذف کنید.
• کلیدبندی ها: یک پروفایل خاص keybindings.json فایل ایجاد می شود.
• تکه ها: یک پروفایل خاص <<language>>.json فایل ایجاد می شود.
• وظایف کاربر: یک پروفایل خاص tasks.json فایل ایجاد می شود.

هنگامی که یک نمایه ایجاد می شود، مجموعه جداگانه ای از فایل های پیکربندی را ایجاد می کند. این یک پوشه در پوشه پیکربندی کاربر شما به نام نمایه شما ایجاد می کند. بسته به پلتفرم شما، پوشه در موارد زیر قرار خواهد گرفت:

• پنجره ها: %APPDATA%\Code\User/profiles
• سیستم عامل مک: $HOME/Library/Application/Support/Code/User/profiles
• لینوکس: $HOME/.config/Code/User/profiles

از موارد برای پروفایل استفاده کنید

به نظر من مورد استفاده اولیه برای حالت های کاری است. اگر متوجه شدید که در حال انجام یک نوع خاصی از کار، شما می توانید از این سود ببرید. فعالیت‌هایی مانند نمایش، نمایش صفحه نمایش، بررسی درخواست‌های کشش یا نوشتن اسناد الزامات متفاوتی دارند.

مورد استفاده ثانویه برای محیط های خاص. اگر یک پروژه فول استک دارید، ممکن است مفید باشد پیشانی و باطن نمایه برای جابه‌جایی به یک طرح‌بندی رابط کاربری متفاوت و داشتن عملکردهای خاص به‌طور برجسته‌تر. شاید بخواهید که پروژه های Ruby on Rails شما متفاوت از سایر پروژه های Ruby تنظیم شوند.

با ایجاد پروفایل برای زبان‌ها و چارچوب‌هایی که استفاده می‌کنید احتیاط می‌کنم، می‌توانید به سرعت عادت به تخصص بیش از حد پیدا کنید. به یاد داشته باشید، این امکان وجود دارد که تنظیمات مربوط به زبان را در فایل تنظیمات جهانی خود داشته باشید! اگر برخی از تنظیمات به یک زبان گره خورده است، ممکن است بهتر باشد پیکربندی را در آنجا قرار دهید. در مقاله قبلی در این مورد صحبت کردم، تنظیمات VS Code خود را برای یک پروژه یا برای یک زبان سفارشی کنید اگر می خواهید در مورد آن بیشتر بدانید چیزی است که مردم اغلب با آن آشنا نیستند.

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

یک استثنا در قاعده کلی این است که برخی از برنامه‌های افزودنی همیشه می‌توانند بارگذاری شوند و ممکن است شما این را نخواهید. این هست نه رایج است زیرا برنامه های افزودنی به صورت مشروط بارگذاری می شوند، معمولا فقط زمانی که مورد نیاز هستند. معمولاً فقط پسوندهای قابل توسعه مانند linters هستند که همیشه بارگذاری می شوند زیرا می توانند برای استفاده توسط زبان ها یا انواع فایل های بیشتری پیکربندی شوند. در مقاله قبلی در این مورد صحبت کردم، VS Code – از چند افزونه باید استفاده کنم؟ اگر می خواهید در مورد موضوع بیشتر بدانید.

اگر می خواهید کنترل دقیق تری داشته باشید، یک نمایه می تواند این قدرت را به شما بدهد. من سعی می کنم از مدیریت خرد اجتناب کنم!

ایجاد نمایه “تدریس”.

بیایید به گردش کار “تدریس” جو پریوایت که خارج از VS Code ایجاد کرده است، برگردیم. انجام این کار با نمایه باید آموزنده باشد (ببخشید جناس) و تلاش من و نتیجه را با کاری که جو انجام داد مقایسه کنید. جو پیکربندی سفارشی خود را در 5 مرحله انجام داد. بیایید ببینیم چطور می شویم!

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

{
    "editor.fontSize": 18,
    "terminal.integrated.fontSize": 16,
    "window.zoomLevel": 1.25,
    "editor.minimap.enabled": false
}

شما 3 انتخاب برای ایجاد نمایه دارید:

1. ایجاد یک نمایه بر اساس نمایه فعلی با دستور Profiles: Create from Current Profiles. این یک کپی تکراری از پیکربندی فعلی شما است.
2. ایجاد کنید پروفایل خالی با دستور Profiles: Create Empty Profile... این مثل یک لوح تمیز است.
3. ایجاد یک نمایه موقت با دستور Profiles: Create Temporary Profile. یک نمایه موقت برای آزمایش مفید است. یک نمایه خالی با نامی که به طور خودکار تولید می شود مانند دمای 1. شما می توانید از نمایه برای طول عمر جلسه VS Code خود استفاده کنید. پس از بستن VS Code حذف خواهد شد.

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

ما خواهیم کرد یک نمایه خالی ایجاد کنید چون می خواهیم از صفر شروع کنیم.

پالت فرمان را باز کنید ([[Ctrl]]+[[Shift]]+[[P]]) و اجرا کنید Create Empty Profile.. فرمان شما برای یک نام ارتقا پیدا خواهید کرد. نام پروفایل را “تدریس” می گذارم.

فلش رابط کاربری را خواهید دید و ما اکنون در پروفایل جدید خود هستیم.

اکنون همه چیز متفاوت به نظر می رسد زیرا ما به تنظیمات پایه بازگشته ایم!

VS Code با نشان دادن دو حرف اول نام نمایه به عنوان نشان روی نماد چرخ دنده در نوار کناری، نمایه سفارشی فعلی را شناسایی می کند. این است مدیریت فعالیت مورد مطابق با اسناد کد VS. به طور پیش فرض در پایین نوار کناری قرار دارد، من در تصویر زیر آن را به رنگ زرد دور زده ام.

شما می توانید “TE” را برای پروفایل تدریس من ببینید.

بیایید با تغییر تنظیمات پروفایل خود را ویرایش کنیم. دستور را اجرا کنید Preferences: Open Current Profile Settings (JSON) برای باز کردن settings.json برای نمایه “تدریس”. در تنظیمات فوق الذکر قرار دهید و ذخیره کنید. می بینید که اندازه متن افزایش می یابد و همه چیز اکنون بزرگ شده است.

ماموریت برای مورد استفاده ساده ما انجام شد! 🙌

ما این کار را فقط در 2 مرحله انجام دادیم! اگرچه، جو از خط فرمان برای باز کردن یک پروژه با پیکربندی خود استفاده می کند. شما هم می توانید این کار را بدون هیچ تلاش اضافی انجام دهید!

اگر می خواهید پروژه ای را مستقیماً از خط فرمان با نمایه “Teaching” خود باز کنید، می توانید از آن استفاده کنید code فرمان با --profile گزینه. شما نام نمایه را به عنوان آرگومان وارد می کنید، دقیقاً مانند این:

# open a project with a profile
code ~/projects/teaching/website-tutorial --profile "Teaching"

تغییر پروفایل

می‌توانید به سرعت بین پروفایل‌ها جابه‌جا شوید Profiles: Switch Profile فرمان این فرمان یک فهرست کشویی نمایه های موجود شما را نشان می دهد. یکی را انتخاب کنید و پیکربندی شما را تغییر خواهد داد.

نمایه فعلی با فضای کاری فعلی مرتبط است. وقتی دوباره آن پوشه را باز کردید، با نمایه آخرین جلسه شما باز می شود.

ویرایش نمایه

زمانی که می خواهید تنظیمات یک نمایه را ویرایش کنید، باید به آن توجه کنید که چندین مورد وجود دارد settings.json فایل ها. وجود دارد: پیش فرض، کاربر، نمایه فعلی و پروژه. برای هر یک از اینها در پالت فرمان یک دستور وجود دارد.

مطمئن شوید که اجرا کنید Preferences: Open Current Profile Settings (JSON) دستور باز کردن settings.json برای نمایه فعلی اگر در پروفایل پیش فرض خود باشید، این دستور را در لیست نخواهید دید.

می‌توانید نمای نمایه‌ها را باز کنید تا سفارشی‌سازی‌های یک نمایه را با Profiles: Show Contents فرمان

از آنجایی که من فقط تنظیمات را ویرایش کردم، نمایه “تدریس” من به تازگی ساخته شده است تنظیمات و ایالات UI ذکر شده. اگر آن‌ها را سفارشی کرده باشید، ورودی‌های مربوط به صفحه کلید، وظایف و برنامه‌های افزودنی را در اینجا مشاهده خواهید کرد!

اگر گسترش دهید ایالات UI گره، وجود دارد globalState.json ورود این یک نمایش JSON در حافظه از وضعیت رابط کاربری نمایه شما است. این فایل در واقع روی دیسک وجود ندارد. فقط در صورتی که شما تعجب می کنید — من تعجب کردم!

شما می توانید نام یک نمایه موجود را از طریق تغییر نام دهید Profiles: Rename.. دستور در منوی Profiles

شما می توانید یک نمایه را از طریق حذف کنید Profiles: Delete فرمان

می توانید پروفایل ها را وارد و صادر کنید Profiles: Import.. و Profiles: Export.. به ترتیب دستور می دهد. نمایه را می توان به عنوان یک GitHub یا به عنوان فایل صادر کرد. اگر انتخاب کردید که نمایه را به عنوان یک فایل محلی ذخیره کنید، a ذخیره نمایه گفتگو به شما امکان می دهد فایل را روی دستگاه محلی خود قرار دهید. یک نمایه در یک فایل با پسوند وجود دارد .code-profile.

همگام سازی پروفایل ها

می‌توانید از ویژگی همگام‌سازی تنظیمات داخلی برای استفاده از نمایه‌های خود در دستگاه‌ها استفاده کنید.

برای افزودن نمایه‌ها به همگام‌سازی، آن را اجرا کنید Settings Sync: Configure فرمان یک کشویی ظاهر می‌شود که موارد پیکربندی را نشان می‌دهد که باید در همگام‌سازی گنجانده شوند، آن را بررسی کنید پروفایل ها مورد

فراموش نکنید که همگام سازی را فعال کنید، در غیر این صورت هیچ چیز همگام سازی نمی شود! 😉

افکار نهایی

نمایه ها افزودنی عالی برای VS Code هستند و می توانند به شما کمک کنند تا تجربه ویرایشگر خود را برای کار در زمینه ها و محیط های مختلف تنظیم کنید. دیگر نیازی به بیرون رفتن از VS Code برای ایجاد مجموعه های پیکربندی خود ندارید. ادغام ویرایشگر به این معنی است که می توانید به راحتی بین زمینه ها جابجا شوید و از سایر ویژگی های داخلی مانند همگام سازی و اشتراک گذاری بهره مند شوید. این یک پیروزی مهم در کتاب من است!

بیشتر خواندن