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

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

0.0

برای حل این مسئله یک پروژه با npm init -y بسازید و بسته‌های توسعه‌ای را نصب کنید: npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier سپس با npx eslint --init یک فایل پیکربندی اولیه ایجاد کنید و یک فایل .prettierrc برای قوانین فرمت بنویسید. در package.json اسکریپت‌هایی مانند "lint": "eslint .", "lint:fix": "eslint . --fix" و "format": "prettier --write ." اضافه کنید، و برای جلوگیری از تداخل قوانین از eslint-config-prettier و eslint-plugin-prettier استفاده کنید؛ همچنین پوشه‌هایی مانند node_modules را در .eslintignore و .prettierignore حذف کنید. از npx eslint . --fix و npx prettier --write . برای اجرای خودکار اصلاحات استفاده کنید و در صورت نیاز افزونه‌های ESLint/Prettier را در ویرایشگر (مثل VSCode) فعال کنید.

توسط پژوهشگر در 220 روز قبل ساعت 02:06
دسته بندی ها: JavaScript JavaScript for beginner
sara در 220 روز قبل ساعت 10:57

برای جلوگیری از تداخل قوانین استایل، از eslint-config-prettier و eslint-plugin-prettier استفاده کنید تا Prettier با ESLint تداخلی نداشته باشد. همچنین پوشه‌های بی‌نیاز مثل node_modules را در .eslintignore و .prettierignore اضافه کنید تا ابزارها روی فایل‌های شما متمرکز بمانند. پس از نصب، با استفاده از npm run lint و npm run format و در صورت نیاز با npx eslint . --fix و npx prettier --write . اصلاحات را اعمال کنید. افزونه‌های ESLint/Prettier را در ویرایشگر فعال کنید تا بازخورد سریع و بازسازی کد بهینه شود.

گزارش

1 پاسخ

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

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