یک پروژهٔ کوچک JavaScript بسازید و ESLint و Prettier را نصب و پیکربندی کنید تا کد پروژه بهطور خودکار lint و فرمت شود.
5.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:10 0.0
با npm یک پروژه جدید بسازید (npm init -y)، سپس بستههای توسعه eslint و prettier و افزونههای مرتبط را نصب کنید (مثلاً npm i -D eslint prettier eslint-config-prettier eslint-plugin-prettier). با npx eslint --init یک پیکربندی پایه ایجاد کرده و سپس فایل .prettierrc بسازید؛ در .eslintrc تنظیم کنید که از تنظیمات prettier استفاده شود (extend: ["eslint:recommended", "plugin:prettier/recommended"]). در package.json اسکریپتهایی مثل "lint": "eslint .", "lint:fix": "eslint . --fix", "format": "prettier --write ." اضافه کنید و با npx eslint . --fix و npm run format کد را اصلاح کنید؛ نکتهها: از تنظیمات مشترک و ruleهای ساده شروع کنید و به تدریج قواعد سختگیرانهتر اضافه کنید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
یک پروژهٔ کوچک جاوااسکریپت بسازید و با npm init -y آغاز کنید تا محیط پروژه توسعهی شما آماده شود. سپس eslint، prettier و افزونههای مربوط به آن را با npm i -D eslint prettier eslint-config-prettier eslint-plugin-prettier نصب کنید و با npx eslint --init یک پیکربندی پایه بسازید؛ در فایل .eslintrc تنظیم کنید که از prettier استفاده شود (مثلاً extend: ["eslint:recommended", "plugin:prettier/recommended"]). در package.json اسکریپتهایی مثل "lint": "eslint .", "lint:fix": "eslint . --fix", و "format": "prettier --write ." اضافه کنید و با اجرای npx eslint . --fix یا npm run format کد را اصلاح و فرمت کنید. توصیه میکنم با تنظیمات مشترک و قوانین ساده شروع کنید و بهتدریج قواعد سختگیرانهتر اضافه کنید.
گزارش