در یک پروژه 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 بهره ببرید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای راهاندازی سریع، یک پروژه جدید با 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 را پیکربندی کنید.
گزارش