یک پروژهٔ سادهٔ Node.js ایجاد کنید و ESLint و Prettier را نصب و پیکربندی کنید تا کدهای جاوااسکریپت را lint و به‌صورت خودکار قالب‌بندی (format) کند

0.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:37

0.0

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

توسط پژوهشگر در 221 روز قبل ساعت 01:37
دسته بندی ها: JavaScript JavaScript for beginner
arash در 221 روز قبل ساعت 12:38

یک پروژهٔ Node.js ساده را با npm init راه‌اندازی کنید و ESLint و Prettier را به‌عنوان devDependencies نصب کنید (مثلاً npm install --save-dev eslint prettier). برای پیکربندی ESLint می‌توانید از npx eslint --init استفاده کنید یا فایل .eslintrc.json بسازید و با استفاده از eslint-config-prettier از تضاد بین قوانین قالب‌بندی جلوگیری کنید. یک فایل .prettierrc بسازید و در package.json اسکریپت‌های lint و lint:fix و format مانند "lint": "eslint .", "lint:fix": "eslint . --fix" و "format": "prettier --write ." اضافه کنید تا با اجرای npm run lint:fix و npm run format، اصلاح و قالب‌بندی خودکار انجام شود. در نهایت برای یکپارچه‌سازی با ویرایشگرها افزونه‌های ESLint/Prettier را نصب کرده و در صورت تمایل از Husky و lint-staged برای اجرای lint صرفاً روی فایل‌های استیج‌شده استفاده کنید.

گزارش

1 پاسخ

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

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