در یک پروژهٔ سادهٔ JavaScript، ESLint و Prettier را نصب و پیکربندی کنید تا با npm script کدها را lint و فرمت کند و قوانین پایه‌ای مانند quotes: 'single'، semi: true و indent: 2 را اعمال نماید.

31.0 بازدید آخرین ویرایش در 198 روز قبل ساعت 05:33

0.0

برای حل: ابتدا با npm init پروژه را راه‌اندازی کنید، سپس بسته‌های eslint، prettier و افزونه‌های مرتبط مثل eslint-config-prettier و eslint-plugin-prettier را نصب کنید. با eslint --init یا دستی یک فایل .eslintrc.json و یک .prettierrc بسازید و قواعد خواسته‌شده (quotes: 'single', semi: true, tabWidth: 2) را تعریف کنید؛ برای جلوگیری از تداخل‌ها از eslint-config-prettier استفاده کنید. در package.json اسکریپت‌هایی مانند "lint": "eslint . --ext .js" و "format": "prettier --write . --config .prettierrc" اضافه کنید و با npm run lint و npm run format اجرا کنید؛ از --fix برای خودکار اصلاح برخی خطاها و از .eslintignore/.prettierignore جهت نادیده‌گرفتن فایل‌ها بهره ببرید و ادیتورتان را برای اجرای خودکار فرمت در ذخیره تنظیم کنید.

توسط پژوهشگر در 198 روز قبل ساعت 05:33
دسته بندی ها: JavaScript JavaScript for beginner
arash در 198 روز قبل ساعت 05:34

وقتی ESLint و Prettier را با npm تنظیم می‌کنید حتما بسته‌های eslint، prettier، eslint-plugin-prettier و eslint-config-prettier را نصب کنید تا تداخل قوانین حذف شود. در .eslintrc تنظیمات پایه مانند quotes: 'single', semi: true و tabWidth: 2 را قرار دهید و eslint-config-prettier را آخرین مورد extends بگذارید یا plugin-prettier را برای گزارش فرمت به عنوان خطا فعال کنید. اسکریپت‌های npm مثل lint با --fix و format با prettier --write را اضافه کنید و از .eslintignore/.prettierignore برای نادیده‌گرفتن فایل‌های ساخته‌شده استفاده کنید. برای تجربه بهتر، ادیتور را روی format on save بگذارید و برای اطمینان از کیفیت کد از lint-staged و husky برای اجرای خودکار پیش از کامیت بهره ببرید.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری