راه اندازی ts-reset با next.js (@total-typescript/ts-reset) با 3 مرحله ساده

ts-reset یک ابزار رایگان است که تعاریف نوع پیش فرض TypeScript را بهبود می بخشد. این کار آنها را سخت‌تر، سازگارتر و استفاده آسان‌تر می‌کند. با استفاده از ts-reset می توانید از اشکالات مربوط به خطاهای نوع جلوگیری کنید و خواندن و نگهداری کد خود را آسان تر کنید. این شبیه به نحوه استانداردسازی سبک‌های css-reset در مرورگرهای مختلف است. ts-reset توسط Matt Pocock ایجاد شد، او همچنین Total TypeScript را توسعه داد، مجموعه‌ای از کارگاه‌هایی که به شما کمک می‌کنند تا در TypeScript مهارت بالایی داشته باشید. اگر می خواهید به TypeScript مسلط شوید، این کارگاه ها به شدت توصیه می شود!

سه مرحله ساده برای پیاده سازی ts-reset در فهرست برنامه next.js وجود دارد.

مرحله 1: برنامه Next.js را مقداردهی اولیه کنید

$ pnpm create next-app
.../Local/pnpm/store/v3/tmp/dlx-5180     |   +1 +
.../Local/pnpm/store/v3/tmp/dlx-5180     | Progress: resolved 1, reused 0, downloaded 1, added 1, done
√ What is your project named? ... .
√ Would you like to use TypeScript? ... No / Yes
√ Would you like to use ESLint? ... No / Yes
√ Would you like to use Tailwind CSS? ... No / Yes
√ Would you like to use `src/` directory? ... No / Yes
√ Would you like to use App Router? (recommended) ... No / Yes
√ Would you like to customize the default import alias (@/*)? ... No / Yes
√ What import alias would you like configured? ... @/*

مرحله 2: بسته ts-reset را اضافه کنید

pnpm add -D @total-typescript/ts-reset

مرحله 3: اضافه کنید reset.d.ts

ایجاد یک reset.d.ts فایل را در ریشه root فضای کاری قرار دهید و سپس این خط را روی آن اضافه کنید.

این مهم است که فقط این خط را اضافه کنید reset.d.ts فایل.

import "@total-typescript/ts-reset";

و سپس همه شما تمام شده است.

🙌 اینجا مخزن GitHub با نمونه کد منبع 🌟 است