اذهب إلى المحتوى
  • 0

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

Moammad Nassan

السؤال

السلام عليكم 

اواجه مشكلة في اعدادات visual studio code لدي , حاولت تفعيل auto formatting لكنها لا تعمل مع اني قمت بتحميل الاضافة 

Prettier وجربت العديد من الطرق 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

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

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

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

1.thumb.png.393535541c774dce45853cff0408174b.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

  • قم بتثبيت إضافة تهيئة الشيفرة (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.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...