أجمل هو منسق كود برأي. إنها طريقة رائعة للحفاظ على تنسيق الكود باستمرار لك ولفريقك ، ويدعم الكثير من اللغات المختلفة خارج الصندوق
مقدمة إلى أجمل
أجمل هو منسق كود برأي.
يدعم الكثير من بناء الجملة المختلفة خارج الصندوق ، بما في ذلك:
ومعالإضافاتيمكنك استخدامه مع 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:
- مقدمة إلى يومان
- Bower ، مدير حزمة المتصفح
- مقدمة في اختبار الواجهة الأمامية
- استخدام node-webkit لإنشاء تطبيق سطح مكتب
- رمز VS: استخدم الإعدادات الخاصة باللغة
- مقدمة إلى Webpack
- دليل موجز وبسيط عن بابل
- مقدمة في الغزل
- نظرة عامة على Browser DevTools
- تنسيق التعليمات البرمجية الخاصة بك مع Prettier
- حافظ على الكود الخاص بك نظيفًا مع ESLint
- قائمة بنصائح وحيل Chrome DevTools الرائعة
- اختبار JavaScript مع Jest
- كيفية استخدام Visual Studio Code
- مقدمة في الإلكترون
- Parcel ، حزمة ويب أبسط
- مرجع Emmet لـ HTML
- محرك جافا سكريبت V8
- تكوين رمز VS
- تكوين سطر أوامر macOS
- كيفية تعطيل قاعدة ESLint
- كيفية فتح VS Code من سطر الأوامر
- كيفية إعداد إعادة التحميل الساخن على Electron