استفاده از افزونه Prettier برای فرمت‌بندی کد در پروژه‌های برنامه‌نویسی

افزونه Prettier یک ابزار قدرتمند برای فرمت‌بندی کد در زبان‌های برنامه‌نویسی مختلف است. برای استفاده از Prettier، می‌توانید مراحل زیر را دنبال کنید:


1. نصب Prettier:

ابتدا باید Prettier را در پروژه خود نصب کنید. برای نصب آن، از مدیر بسته‌های npm یا Yarn استفاده کنید. به عنوان مثال:


برای npm:

```

npm install --save-dev prettier

```


برای Yarn:

```

yarn add --dev prettier

```


2. تنظیم Prettier:

شما می‌توانید یک فایل پیکربندی با نام `.prettierrc` در ریشه پروژه ایجاد کنید تا تنظیمات Prettier را تعریف کنید. به عنوان مثال، یک فایل `.prettierrc` می‌تواند به این شکل باشد:


```json

{

"singleQuote": true,

"trailingComma": "all",

"printWidth": 80

}

```


این تنظیمات به شما اجازه می‌دهند کد را به صورت تک نقطه تک نقطه (single quotes) و با کاما در انتهای آرگومان‌ها (trailing comma) فرمت‌بندی کنید.


3. استفاده از Prettier:

برای اجرای Prettier بر روی فایل‌ها، می‌توانید دستورات زیر را در خط فرمان یا از ویرایشگرهایی که از Prettier پشتیبانی می‌کنند (مثل Visual Studio Code) استفاده کنید:


- برای فرمت‌بندی یک فایل:

```

npx prettier --write your-file.js

```


- برای فرمت‌بندی تمام فایل‌های پروژه:

```

npx prettier --write .

```


4. اندازه‌گیری تغییرات:

Prettier فقط تغییراتی را اعمال می‌کند که به فرمت‌بندی نیاز دارند. بنابراین، اگر بخواهید تغییرات را مشاهده کنید بدون اعمال آنها، می‌توانید از دستور زیر استفاده کنید:

```

npx prettier --check .

```


این دستور تغییرات را نشان می‌دهد و فایل‌هایی که نیاز به فرمت‌بندی دارند را مشخص می‌کند.


5. اتصال Prettier به ویرایشگر:

اکثر ویرایشگرها افزونه‌ها یا پلاگین‌هایی دارند که اجازه اتصال به Prettier را می‌دهند. به عنوان مثال، اگر از Visual Studio Code استفاده می‌کنید، می‌توانید افزونه "Prettier - Code Formatter" را نصب کنید و Prettier را به صورت خودکار در ویرایشگر خود اجرا کنید.


با انجام مراحل فوق، شما می‌توانید به راحتی از Prettier برای فرمت‌بندی کد خود استفاده کنید و کد خود را تمیزتر و قابل خواندن‌تر کنید.