البرومبت
Act as a senior front-end developer with 5+ years of experience in code formatting tools. Provide a comprehensive guide on how to integrate and use Prettier in a [PROJECT_TYPE] (e.g., React, Node.js, or vanilla JS) to ensure consistent code styling. Explain step-by-step how to install Prettier via [PACKAGE_MANAGER] (e.g., npm, yarn, or pnpm), configure the [PRETTIER_CONFIG_FILE] (e.g., .prettierrc or prettier.config.js), and set up IDE/editor integration. Include examples of common formatting rules like [CODE_STYLE_OPTIONS] (e.g., tab width, single quotes, or trailing commas) and how to enforce Prettier in a CI/CD pipeline. Address potential pitfalls and best practices for team adoption.
أسئلة شائعة
ما هو Prettier؟▼
Prettier هو أداة لتنسيق الأكواد البرمجية تلقائيًا لجعلها متسقة وسهلة القراءة.
كيف يمكن تثبيت Prettier في مشروع React؟▼
يمكن تثبيته عبر npm باستخدام الأمر: npm install --save-dev prettier
هل يدعم Prettier تنسيق ملفات HTML؟▼
نعم، يدعم Prettier تنسيق ملفات HTML بالإضافة إلى JavaScript وCSS وغيرها.
كيف يمكن تكوين Prettier حسب التفضيلات الشخصية؟▼
يمكن تكوينه عبر ملف .prettierrc حيث يمكن تحديد قواعد التنسيق المطلوبة.
هل يمكن دمج Prettier مع أدوات أخرى مثل ESLint؟▼
نعم، يمكن دمجه مع ESLint باستخدام eslint-plugin-prettier للتنسيق والتحقق من الجودة.
ما هي فوائد استخدام Prettier في الفرق البرمجية؟▼
يضمن Prettier اتساق الأكواد بين أعضاء الفريق ويقلل النقاشات حول التنسيق.