شارك المقالة

ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك vs code

ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك vs code


في Visual Studio Code، تُعد File Nesting ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك.

باستخدام File Nesting، يمكنك تجميع الملفات ذات الصلة معًا، مما يُقلل من التشتت ويجعل التنقل بين الملفات أسهل، خاصةً في المشاريع التي تحتوي على عدد كبير من الملفات.


كيفية تفعيل File Nesting:

افتح ملف settings.json.

أضف السطور التالية:


"explorer.fileNesting.enabled": true,

"explorer.fileNesting.expand": false,

"explorer.fileNesting.patterns": {

 "*.dart": "${basename}.g.dart, ${basename}.freezed.dart",

 "pubspec.yaml": ".metadata, pubspec.lock, *.yaml, yarn.lock",

 ".gitignore": "*.packages, .gitattributes, .flutter-plugins-dependencies, .flutter-plugins"

 }
 

شرح ال JSON:

explorer.fileNesting.enabled: يُفعّل ميزة File Nesting.

explorer.fileNesting.expand: يُحدد ما إذا كانت الملفات المُتداخلة ستُفتح تلقائيًا عند بدء تشغيل Visual Studio Code.

explorer.fileNesting.patterns: يُحدد أنماط الملفات التي سيتم تجميعها معًا.


مثال:

في المثال أعلاه، سيتم تجميع الملفات التالية معًا:

ملفات .dart مع ملفات .g.dart و .freezed.dart المُقابلة لها.

ملف pubspec.yaml مع ملفات .metadata و pubspec.lock و *.yaml و yarn.lock.

ملف .gitignore مع ملفات *.packages و .gitattributes و .flutter-plugins-dependencies و .flutter-plugins.


يمكنك كتابة أنماط أكثر تعقيدًا باستخدام لغة Regular Expressions.

يمكنك العثور على المزيد من المعلومات حول File Nesting في وثائق Visual Studio Code:


فوائد استخدام File Nesting:

تقليل التشتت:

يُساعدك File Nesting على التركيز على الملفات التي تعمل عليها.

سهولة التنقل:

يُصبح التنقل بين الملفات ذات الصلة أسهل بكثير.

تحسين الوضوح:

يُساعدك File Nesting على فهم بنية المشروع بشكل أفضل.


File Nesting هي ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك.

باستخدام File Nesting، يمكنك جعل التنقل بين الملفات أسهل، وتحسين تركيزك، وفهم بنية المشروع بشكل أفضل.


جرّب استخدام File Nesting مع مختلف أنواع المشاريع.

قم بتعديل أنماط File Nesting لتناسب احتياجاتك.

استخدم File Nesting مع ميزات Visual Studio Code الأخرى لتحسين تجربة تطوير البرمجيات.

شاهد أيضًا
مقالات ذات صلة
شرح استخدام grid view مع staggered في Flutter بعدة انماط

شرح استخدام grid view مع staggered في Flutter بعدة انماط بسم الله الرحمن الرحيم في…

حل مشكله Development team has reached maximum number of registered iPhone devices

حل مشكله Development team has reached maximum number of registered iPhone devicesيا أهل، إذا كنت…

حل مشكله Native Splash Screen علي اندرويد ١٢ وما فوق في Flutter

حل مشكله Native Splash Screen علي اندرويد ١٢ وما فوق في Flutterفي عالم تطوير التطبيقات،…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع