تنسيق التعليمات البرمجية الخاصة بك مع Prettier

أجمل هو منسق كود برأي. إنها طريقة رائعة للحفاظ على تنسيق الكود باستمرار لك ولفريقك ، ويدعم الكثير من اللغات المختلفة خارج الصندوق

مقدمة إلى أجمل

أجمل هو منسق كود برأي.

Prettier logo

يدعم الكثير من بناء الجملة المختلفة خارج الصندوق ، بما في ذلك:

ومعالإضافاتيمكنك استخدامه مع Python و PHP و Swift و Ruby و Java والمزيد.

إنه يتكامل مع أكثر برامج تحرير الأكواد شيوعًا ، بما في ذلك VS Code و Sublime Text و Atom والمزيد.

يتمتع Prettier بشعبية كبيرة ، حيث تم تنزيله في فبراير 2018 أكثر من 3.5 مليون مرة.

أهم الروابط التي تحتاج إلى معرفة المزيد عنها هي

خيارات أقل

لقد تعلمت Go مؤخرًا وأحد أفضل الأشياء في Go هوgofmt، أداة رسمية تعمل تلقائيًا على تنسيق التعليمات البرمجية وفقًا للمعايير المشتركة.

95٪ (الإحصائيات المكونة) من كود Go حول تبدو متطابقة تمامًا ، لأنه يمكن فرض هذه الأداة بسهولة وبما أن النمط محدد لك من قِبل مشرفو Go ، فمن المرجح أن تتكيف مع هذا المعيار بدلاً من الإصرار على طريقتك الخاصة. مثل علامات التبويب مقابل المسافات ، أو مكان وضع قوس فتح.

قد يبدو هذا بمثابة تقييد ، لكنه في الواقع قوي للغاية. كل كود Go يبدو هو نفسه.

أجمل هوgofmtلبقية العالم.

لديها عدد قليل جدا من الخيارات ، وتم اتخاذ معظم القرارات من أجلك بالفعلحتى تتمكن من التوقف عن الجدل حول الأسلوب والأشياء الصغيرة ، والتركيز على التعليمات البرمجية الخاصة بك.

الفرق مع ESLint

ESLintهو لينتر ، فهو لا يقوم فقط بالتنسيق ، ولكنه يسلط الضوء أيضًا على بعض الأخطاء بفضل تحليله الثابت للشفرة.

إنها أداة لا تقدر بثمن ويمكن استخدامها جنبًا إلى جنب مع Prettier.

يسلط برنامج ESLint الضوء أيضًا على مشكلات التنسيق ، ولكن نظرًا لأنه أكثر قابلية للتكوين ، يمكن أن يكون لدى كل شخص مجموعة مختلفة من قواعد التنسيق. يوفر الأجمل أرضية مشتركة للجميع.

الآن ، هناك بعض الأشياء التي يمكنك تخصيصها ، مثل:

  • عرض الجدولة
  • استخدام علامات الاقتباس المفردة مقابل علامات الاقتباس المزدوجة
  • رقم أعمدة الخط
  • استخدام الفواصل اللاحقة

والبعض الآخر ، ولكن Prettier تحاول إبقاء عدد هذه التخصيصات تحت السيطرة ، لتجنب أن تصبح قابلة للتخصيص بشكل كبير.

تثبيت

يمكن تشغيل Prettier من سطر الأوامر ، ويمكنك تثبيته باستخدامغزلأوnpm.

حالة استخدام رائعة أخرى لـ Prettier هي تشغيلها على العلاقات العامة الخاصة بكشخص سخيفالمستودعات ، على سبيل المثال علىجيثب.

إذا كنت تستخدم محررًا مدعومًا ، فإن أفضل شيء هو استخدام Prettier مباشرة من المحرر ، وسيتم تشغيل تنسيق Prettier في كل مرة تقوم فيها بالحفظ.

على سبيل المثال هنا هو الامتداد Prettier لـ VS Code:https://marketplace.visualstudio.com/items؟itemName=esbenp.prettier-vscode

أجمل للمبتدئين

إذا كنت تعتقد أن Prettier مخصص للفرق فقط أو للمستخدمين المحترفين ، فإنك تفتقد عرض قيمة جيدة لهذه الأداة.

الأسلوب الجيد يفرض عادات جيدة.

التنسيق موضوع غالبًا ما يغفله المبتدئون ، ولكن وجود تنسيق نظيف ومتسق هو مفتاح نجاحك كمطور جديد.

أيضًا ، حتى إذا بدأت في استخدامJavaScriptقبل أسبوعين ، مع أجمل كودك - أسلوبك الحكيم - سيبدو تمامًا مثل كود مكتوب من JavaScript Guru الذي يكتب JS منذ عام 1998.


المزيد من دروس devtools: