شارك المقالة

ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك 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 الأخرى لتحسين تجربة تطوير البرمجيات.

شاهد أيضًا
مقالات ذات صلة
التعامل مع التصميم في حالة portrait و landscape باستخدام mediaQuery في Flutter

  التعامل مع التصميم في حالة portrait و landscape باستخدام mediaQuery في Flutterفي هذا الدرس…

كيفية قص وتحديد ابعاد الصورة داخل تطبيقك في الاندرويد ستوديو Cropper android stoudio

  كيفية قص وتحديد ابعاد الصورة داخل تطبيقك في الاندرويد ستوديوبسم الله الرحمن الرحيم ،…

عرض اكثر من layout داخل الrecyclerview داخل الادبتر

  عرض اكثر من layout داخل الrecyclerview داخل الادبترفي استخدامك للrecyclerview ترغب احيانا بتغيير النمط…

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

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