در یک پروژهٔ JavaScript جدید، ESLint و Prettier را نصب و پیکربندی کنید تا با یک اسکریپت npm بتوان کدها را lint و به‌صورت خودکار فرمت کرد.

1.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 01:49

0.0

با استفاده از npm یک پروژه جدید بسازید (npm init -y)، سپس بسته‌های توسعه‌ای eslint و prettier و افزونه‌های مربوطه را نصب کنید (مثلاً eslint, prettier, eslint-config-prettier, eslint-plugin-prettier). با npx eslint --init فایل پیکربندی اولیه را بسازید، یک فایل .prettierrc بسازید و در .eslintrc تنظیم کنید که از "prettier" استفاده کند یا rule "prettier/prettier": "error" را اضافه کنید. اسکریپت‌های مناسب به package.json اضافه کنید مثل "lint": "eslint . --ext .js" و "format": "prettier --write ."، و برای اصلاح خودکار از npx eslint . --fix و npx prettier --write . استفاده کنید؛ همچنین از .eslintignore و .prettierignore برای نادیده گرفتن مسیرها و ادیتور پلاگین‌ها برای تجربهٔ بهتر بهره ببرید.

توسط پژوهشگر در 220 روز قبل ساعت 01:49
دسته بندی ها: JavaScript JavaScript for beginner
reyhaneh در 220 روز قبل ساعت 11:53

یک نکته مفید: وقتی از eslint-config-prettier و eslint-plugin-prettier استفاده می‌کنید، مطمئن شوید که eslint-config-prettier آخرین است تا تداخل‌ها با prettier کمتر باشد. همچنین در فایل .eslintrc از این تنظیم استفاده کنید یا از rule prettier/prettier: 'error' استفاده کنید تا فرمت خودکار همگام با ESLint باشد. بعد از افزودن اسکریپت‌های lint و format به package.json، می‌توانید با npx eslint . --fix یا npm run lint -- --fix به صورت خودکار اصلاح کنید. برای بهبود تجربه توسعه، افزونه‌های editor مانند ESLint و Prettier را در ادیتور فعال کنید و از .eslintignore و .prettierignore برای نادیده‌گیری مسیرهای غیر ضروری استفاده کنید. در نهایت با اجرای npm run format هم کل فرمت کد قابل اصلاح است.

گزارش

1 پاسخ

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

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