تفعيل auto formatting في visual studio code

قم بالضغط على الزر الأيمن بالفأرة على المستند ثم اختر format document،

بعد ذلك اختر configure default formatter واختر Prettier  بعد ذلك.

ويمكنك اعداد الترتيب عند الحفظ :

جرب اتباع الخطوات التالية:

• قم بتثبيت إضافة تهيئة الشيفرة (Formatting Extension) التي تفضلها، مثل Prettier أو ESLint أو Beautify. يمكنك البحث عنها في قائمة الاضافات Extensions في Visual Studio Code وتثبيتها.
• بعد تثبيت الاضافة، افتح ملف الإعدادات في Visual Studio Code بالضغط على Ctrl + ,  في ويندوز أو Cmd + , في ماك، أو من خلال الذهاب إلى قائمة "File" ثم "Preferences" ثم "Settings".
• في نافذة الإعدادات، قم بالبحث عن "format" في شريط البحث العلوي.
• ستظهر لك خيارات متعلقة بالتنسيق والتهيئة. قم بالتحقق من الإعدادات التالية:

اقتباس

 

"Editor: Format On Save": تأكد أن هذا الخيار مفعل إذا كنت ترغب في تنسيق الشفرة تلقائيًا عند حفظ الملف.

"Editor: Default Formatter": حدد الاضافة التي قمت بتثبيتها لتهيئة الشيفرة، مثل "esbenp.prettier-vscode" لـ Prettier أو "dbaeumer.vscode-eslint" لـ ESLint.

 

• بعد ضبط الإعدادات، يجب أن يقوم Visual Studio Code بتنسيق الشيفرة تلقائيًا عند حفظ الملفات بناءً على إعدادات الامتداد الذي قمت بتثبيته.

قد تحتاج أيضا إلى تثبيت الأدوات المطلوبة للامتدادات مثل Prettier أو ESLint بشكل منفصل. يمكنك تثبيتها باستخدام npm أو yarn عن طريق القيام بالتثبيت المحلي لمشروعك أو تثبيتها على مستوى النظام بشكل عالمي globally.