در یک پروژه JavaScript ساده، ESLint و Prettier را نصب و پیکربندی کنید تا با اجرای npm run lint و npm run format کدها بررسی و قالب‌بندی شده و خطاهای قابل اصلاح به‌صورت خودکار برطرف شوند.

16.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:00

0.0

برای حل این مسئله یک پروژه جدید با npm init ایجاد کنید و بسته‌های توسعه‌ای مانند eslint، prettier، eslint-config-prettier و eslint-plugin-prettier را نصب کنید (یا از npx eslint --init استفاده کنید). یک فایل پیکربندی برای ESLint (مثلاً .eslintrc.js) و یکی برای Prettier (.prettierrc) بسازید، در ESLint از "plugin:prettier/recommended" استفاده کنید تا تضادها حل شوند و در package.json اسکریپت‌هایی مثل "lint": "eslint . --ext .js --fix" و "format": "prettier --write ." اضافه کنید. نکات مفید: از گزینه --fix برای اصلاح خودکار استفاده کنید، افزونه ویرایشگر (VSCode) را فعال کنید و برای اجرای خودکار قبل از commit می‌توانید از husky یا lint-staged بهره ببرید.

توسط پژوهشگر در 220 روز قبل ساعت 02:00
دسته بندی ها: JavaScript JavaScript for beginner
arash در 220 روز قبل ساعت 11:17

برای راه‌اندازی سریع، یک پروژه جدید با npm init بسازید و eslint، prettier، eslint-config-prettier و eslint-plugin-prettier را نصب کنید یا از npx eslint --init استفاده کنید. در فایل پیکربندی ESLint از plugin:prettier/recommended استفاده کنید تا تضادها حل شوند و از گزینه --fix در اسکریپت lint بهره ببرید. فایل .prettierrc را اضافه کنید تا قالب‌بندی یکسان باشد و در package.json اسکریپت‌های 'lint': 'eslint . --ext .js --fix' و 'format': 'prettier --write .' را اضافه کنید. برای سهولت کار، افزونه‌های VSCode برای ESLint و Prettier را فعال کنید و می‌توانید با husky یا lint-staged اجرای خودکار قبل از commit را پیکربندی کنید.

گزارش

1 پاسخ

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

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