یک پروژهٔ سادهٔ JavaScript بسازید و ESLint و Prettier را نصب و پیکربندی کنید تا با یک اسکریپت npm کدها را lint و با گزینهٔ --fix فرمت کند.
1.0 بازدید آخرین ویرایش در 223 روز قبل ساعت 01:31 0.0
برای حل این مسئله یک package.json با npm init ایجاد کنید، سپس بستههای eslint و prettier و افزونههای مفید مانند eslint-config-prettier و eslint-plugin-prettier را نصب کنید. یک فایل پیکربندی .eslintrc(.js/.json) و فایل تنظیمات .prettierrc بسازید، قواعد پایه (مثلاً محیط مرورگر/Node و استانداردهای ES6) را تعیین کنید و در package.json اسکریپتهایی مثل "lint": "eslint src --ext .js" و "format": "prettier --write src" یا "lint:fix": "eslint src --ext .js --fix" اضافه کنید. نکتهها: از --fix برای اصلاح خودکار استفاده کنید، برای اجرای خودکار روی تغییرات staged میتوانید lint-staged و husky اضافه کنید، و برای تجربه بهتر آنها را در ویرایشگر (مثلاً VSCode) فعال کنید.
توسط پژوهشگر در 223 روز قبل ساعت 01:31 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای شروع، یک پروژهٔ سادهٔ جاوااسکریت بسازید و با npm init -y بستهها را آماده کنید و ESLint با Prettier را نصب کنید. فایلهای پیکربندی .eslintrc و .prettierrc را اضافه کرده و از extends مانند eslint:recommended و plugin:prettier/recommended استفاده کنید تا هماهنگی بین ESLint و Prettier حفظ شود، سپس در package.json اسکریپتهای lint و lint:fix و format اضافه کنید (مثلاً eslint src --ext .js و eslint src --ext .js --fix و prettier --write src). برای تجربهٔ بهینهتر، از lint-staged و husky استفاده کنید تا روی تغییرات استیجشده خودکار lint و format اجرا شود و در VSCode با افزونههای ESLint و Prettier کار کنید.
گزارش