غوطه‌وری عمیق در تیا، بخش دوم: تسلط بر سفارشی‌سازی
در این بخش به چگونگی شکلدهی به محیط توسعه یکپارچه (IDE) با استفاده از Theia میپردازیم. شامل حذف ماژول‌های غیرضروری، بازنویسی منوها و دستورات، و طراحی رابط کاربری مینیمال و مدرن می‌شود.
۳ دقیقه مطالعه
سفارشی‌سازی پیشرفته Theia
این مقاله به بخش دوم از سری آموزش‌های ساخت IDE سفارشی با Theia اختصاص دارد. در این بخش، با استفاده از تکنیک‌های پیشرفته، رابط کاربری اصلی Theia را به شکل یک محصول شخصی‌سازی شده درمی‌آوریم. تمرکز اصلی بر حذف قابلیت‌های غیرضروری، بازنویسی منوها و دستورات، و طراحی رابط کاربری مدرن است.
- فیلتر کردن ماژول‌ها: با استفاده از
ContributionFilterRegistryماژول‌های تست، دیباگ و دیگر قابلیت‌های غیرضروری را غیرفعال می‌کنیم. - بازنویسی منوها: با ایجاد
CommandContributionوMenuContributionسفارشی، منوهای اصلی را ساده‌سازی می‌کنیم. - جایگزینی ویجت‌ها: با استفاده از InversifyJS ویجت‌های پیش‌فرض مانند
Open Editorsرا حذف و ویجت‌های سفارشی جایگزین می‌کنیم. - طراحی رابط کاربری: با تغییر
ApplicationShellوSidePanelHandlerبه طراحی “many island style” مشابه IntelliJ IDEA دست می‌یابیم.
“با معماری ماژولار Theia، یافتن مکان مسئول هر ویژگی معمولاً کاملاً آشکار است.” “چالش‌برانگیزترین بخش فرآیند سفارشی‌سازی، یافتن مکان مسئول یک ویژگی خاص است.”
نتیجه نهایی یک IDE ابری با رابط کاربری تمیز، مینیمال و مدرن است که تنها شامل قابلیت‌های ضروری می‌شود.