تنظیمات ویژوال استودیو کد - تغییر مکان اجرای کد vscode

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

تنظیمات ویژوال استودیو کد - تغییر مکان اجرای کد vscode

تنظیمات کاربر (User Settings)

برای سفارشی کردن VSCode، "تنظیمات کاربر" تنظیمات شخصی در اختیار شما هستند. این تنظیمات برای نمونه های VScode به صورت سراسری اعمال می شوند. شما می توانید به روش های زیر، به تنظیمات کاربر خود دسترسی پیدا کنید:
  • گزینه Preferences: Open User Settings را از پالت command انتخاب کنید و یا می توانید از کلید های ترکیبی Ctrl+Shift+P استفاده کنید.

  • تب User را از قسمت Setting editor انتخاب کنید و یا از کلید های ترکیبی Ctrl+, استفاده کنید.

  • گزینه Preferences: Open User Settings (JSON) را از پالت command انتخاب کنید و یا می توانید از کلید های ترکیبی Ctrl+Shift+P استفاده کنید.

تنظیمات کاربر در vscode

تنظیمات فضای کاری (Workspace Settings)

تنظیمات Workspace با اختصاص به یک پروژه، تنظیمات کاربر را نادیده می گیرند. برای اعمال تنظیمات خاص برا ییک پروژه، می توانید از این تنظیمات استفاده کنید. لازم است بدانید که از آنجایی که Workspace کد به عنوان پوشه اصلی پروژه شما شناخته می شود، شما می توانید از طریق Multi-root بیش از یک پوشه داشته باشید. تنظیمات Workspace با ذخیره شدن در پوشه vscode. سبب آسان شدن اشتراک گذاری تنظیمات در یک پروژه تحت کنترل نسخه می شود. با استفاده از روش های زیر، می توانید به تنظیمات کاربر خود دسترسی پیدا کنید:
  • گزینه Preferences: Open User Settings را از پالت command انتخاب کنید و یا می توانید از کلید های ترکیبی Ctrl+Shift+P استفاده کنید.

  • تب Workspace را از قسمت Setting editor انتخاب کنید و یا از کلید های ترکیبی Ctrl+, استفاده کنید.

  • گزینه Preferences: Open User Settings (JSON) را از پالت command انتخاب کنید و یا می توانید از کلید های ترکیبی Ctrl+Shift+P استفاده کنید.

نکته!

لازم است بدانید که همه تنظیمات کاربر به عنوان تنظیمات Workspace شناخته نمی شوند برای مثال، امنیت و به روزرسانی با تنظیمات Workspace تنظیم نمی شود.

تنظیمات فضای کاری (Workspace Settings) در vscode

ویرایشگر تنظیمات (Settings Editor)

برای ایجاد رابط گرافیکی برای مدیریت تنظیمات مدیریت کاربر و Workspace، می توانید از Settings Editor استفاده کنید. هنگام باز کردن Settings Editor، می توانید تنظیمات مورد نظر خود را به سرعت و راحت پیدا کنید. برای دسترسی به ویرایشگر تنظیمات می توانید از روش زیر استفاده کنید:
  • به File رفته و گزینه Preferences را  انتخاب کنید و سپس بر روی Settings کلیک کنید و یا همانند مورد های بالا، می توانید از کلید های ترکیبی Ctrl+Shift+P استفاده کنید.

ویرایشگر تنظیمات (Settings Editor) در vscode

VSCode زمانی که شما تغییرات مورد نظر خود را اعمال می کنید آن را در همان قسمت تننظیمات نشان می دهد تا متوجه شوید که کدام تنظیمات را تغییر داده اید. برای مثال در تصویر زیر، تنظیمات Icon Theme و Side Bar: Location تغییر کرده است.

مشاهده تنظیمات تغییر داده شده در VSCode

نماد چرخ دنده ای که در تصوری زیر مشاهده می کنید و با کلید های ترکیبی Shift+F9 نیز قابل دسترس است، یک منوی زمینه باز می کند که شامل گزینه های زیر است:
  • ریست کردن یک تنظیمات به مقدار پیش فرض آن
  • کپی کردن ID یا URL تنظیمات
  • کپی کردن یک جفت JSON

گزینه های محبوب استفاده شده در تنظیمات ویرایشگر در VSCode

گروه های تنظیمات

برای راحت یافتن تنظیمات مربوطه، گروه Commonly Used وجود دارد که نشان دهنده تنظیمات سفارشی سازی محبوب است. همچنین افزونه های کد می توانند تنظیمات سفارشی خود را اضافه کنند. در تصویر زیر، با انتخاب منبع کنترل می توانید مشاهده کنید که تنظیمات کنترل منبع در نمای درختی تثبیت شده است.

گروه های تنظیمات در VSCode

فیلتر های ویرایشگر تنظیمات

برای مدیریت آسان تر تنظیمات، نوار جستجوی تنظیمات ویرایشگر چندین فیلتر را ارائه می کند. برای افزودن سریع تر فیلتر ها، دکمه فیلتر در سمت راست نوار جستجو قرار دارد. اگر پیکربندی تنظیمات را فراموش کرده اید و یا ویرایشگر طبق انتظار شما عمل نمی کند، می توانید از فیلتر @modified استفاده کنید.

فیلتر های ویرایشگر تنظیمات VSCode

برای مشاهده فیلتر های بیشتر، علامت @ را سرچ کنید. بعضی از فیلتر های موجود در شکل را می توانید مشاهده کنید:
  • ext@: تنظیمات یک برنامه افزودنی است. برای مثال، ext:ms-python.python@
  • feature@: تنظیمات یک زیر گروه Features. برای مثال، برای نشان دادن تنظیمات File Explorer از feature:explorer@ استفاده می شود.

انواع فیلتر های ویرایشگر تنظیمات در VSCode

تنظیمات برنامه افزودنی (Extension Settings)

افزونه های VS کد نصب شده را که می توانید از بخش Extensions مشاهده کنید، می توانند خودشان را تنظیم کنند.

تنظیمات برنامه افزودنی (Extension Settings) در VSCode

برای کسب اطلاعات بیشتر درباره افزودن تنظیمات می توانید از اسناد نقطه مشارکت پیکربندی استفاده کنید. با بررسی برگه مشارکت های ویژگی، می توانید تنظیمات یک برنامه افزودنی را مشاهده کنید.

بررسی برگه مشارکت های ویژگی در تنظیمات VSCode

تنظیمات فایل JSON

شما می توانید مقادیر تنظیمات تنظیم شده را در فایل settings.json تغییر دهید. با تعیین و تنظیم شناسه و مقدار، تنظیمات به صورت JSON نوشته می شود. برای کپی کردن مقدار و نام یک JSON برای تنظیم، ابتدا بر روی نماد چرخ دنده کلیک کرده و سپس گزینه Copy Setting کلیک کنید.

تنظیمات فایل JSON در VSCode

تنظیمات مکان فایل (File Location)

برای به اشتراک گذاشتن تنظیمات پروژه توسط همه کاربران، فایل Workspace Settings setting.json را به پروژه خود اضافه کنید.

تنظیمات مکان فایل (File Location) در VSCode

تنظیمات ویرایشگر زبان (Language Specific editor settings)

با جستجوی فیلتر lang:languageld@ تنظیمات زبان را به طور دلخواه سفارشی کنید. توجه داشته باشید که اگر بیشتر از یک زبان را وارد کنید، از فیلتر زبان اول استفاده می شود.

تنظیمات ویرایشگر زبان (Language Specific editor settings) در VSCode

دستور  Preferences: Configure Language Specific Settings که برای انتخاب زبان مورد نظر است که پس از انتخاب، ویرایشگر تنظیمات آن باز می شود. اگر تنظیمات را به فرمت json تغییر دهید، فایل settings.json با ورودی جدید برای زبان انتخاب شده باز می شود.

نحوه باز شدن فایل settings.json با ورودی جدید برای زبان انتخاب شده در ویژوال استودیو کد

زبان انتخابی خود را از لیست زیر پیدا کنید.

زبان های مختلف در لیست تنظیمات ویرایشگر زبان VSCode

سپس تنظیمات زبان مورد نظر خود را ویرایش کنید.

ویرایش تنظیمات زبان در ویژوال استودیو کد

شما زمانی می توانید تنظیمات زبان را در تنظیمات User ویرایش کنید که workbench.settings.editor بر روی json تنظیم شده باشد.

تنظیم کردن تنظیمات زبان بر روی json در VSCode

برای سفارشی کردن ویرایشگر یک فایل بخصوص، حالت زبان را از نوار وضعیت انتخاب کنید. این کار سبب باز شدن پیکربندی تنظیمات مبتنی بر زبان می شود که انتخاب آن هم موجب باز شدن فایل user settings.json با ورودی مربوط به زبان می شود. مثالی که در ادامه برای شما قرار دادیم را می توانید برای سفارشی کردن حالت های تایپ اسکریپت و زبان علامت گذاری، در یک فایل JSON قرار دارد.

{
"[typescript]": {
"editor.formatOnSave": true,
"editor.formatOnPaste": true
},
"[markdown]": {
"editor.formatOnSave": true,
"editor.wordWrap": "on",
"editor.renderWhitespace": "all",
"editor.acceptSuggestionOnEnter": "off"
}
}

تنظیمات ویرایشگر چند زبان (Multiple language-specificeditor settings)

می توانید برای اضافه کردن چندین زبان به صورت یکجا، تنظیمات تنظیمات ویرایشگر چند زبان را پیکربندی کنید. در مثال زیر نحوه سفارشی کردن تنطیمات زبان های جاوا اسکریپت و تایپ اسکریپت در فایل setting.json را می توانید مشاهده کنید.

"[javascript][typescript]":
{
"editor.maxTokenizationLineLength": 2500
}

تنظیمات پروفایل

برای سفارشی کردن تنظیمات و جابجایی سریع بین آن ها، می توانید از پروفایل استفاده کنید. هر پروفایل دارای تنظیمات مخصوص به خود است و با تغییر آن، تنظیمات کاربر به آن پروفایل به صورت خودکار اعمال می شود. برای دسترسی به تنظیمات کاربر در پروفایل پیشفرض، می توانید از دستور Preferences: Open Application استفاده کنید.

تنظیمات و امنیت

بعضی از تنظیمات امکاناتی ارائه می کنند که با مشخص کردن یک فایل اجرایی، کد برای عملیات خاصی اجرا شود. برای افزایش امنیت، چنین تنظیماتی فقط از طریق تنظیمات کاربر قابل اجرا است. در ادامه لیستی از تنظیماتی را که در تنطیمات workspace پشتتیبانی نمی شوند را آورده ایم:
  • git.path
  • terminal.external.windowsExec
  • terminal.external.osxExec
  • terminal.external.linuxExec

همگام سازی تنظیمات

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

همگام سازی تنظیمات در ویژوال استودیو کد

سخن آخر

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