typescript - Prettier مطابق مشخصات تعیین شده تورفتگی ایجاد نمیکند

Prettier همچنان کد من را بهطور نادرست فرمت میکند. من میخواهم از ۴ فاصله برای تبها استفاده کنم (تصویر دوم)، اما آن تنظیمات ویرایشگر را نادیده میگیرد و از ۲ فاصله استفاده میکند (تصویر اول).

میدانم که prettier باعث این میشود زیرا وقتی آن را غیرفعال میکنم، VS Code به درستی برای من indentation انجام میدهد. متأسفانه، سایر قابلیتهای prettier از دست میرود. من قبلاً تلاش کردهام آن را حذف و دوباره نصب کنم.

پس، چه تغییراتی در تنظیمات را از دست دادهام؟ حتماً چیزی را از دست دادهام. هر پیشنهادی عالی خواهد بود. متشکرم.

در اینجا تمام تنظیمات prettier که تغییر دادهام آمده است.

"prettier.singleQuote": true,
"prettier.eslintIntegration": true,
"prettier.tabWidth": 4,
"prettier.useTabs": true

پاسخ شماره ۱

شما میتوانید موارد زیر را برای تغییر عرض تورفتگی/تب امتحان کنید:

1. در پایین پنجره ویرایشگر خود، به دنبال 'Spaces: 2' بگردید (در صورتی که کد شما با ۲ فاصله تو رفتگی میشود). روی آن کلیک کرده و گزینه Indent using Tab را انتخاب کنید و مقدار را طبق نیاز خود انتخاب نمایید.

2. تغییر گزینههای Prettier در تنظیمات Visual Studio Code: به تنظیمات Visual Studio Code بروید از طریق File > Preferences > Settings یا با فشار دادن Ctrl + ,. تایپ کنید 'Prettier' تا تمام تنظیمات مرتبط با Prettier نمایش داده شود و دنبال Prettier: Tab Width بگردید. مقدار را طبق نیاز خود تغییر دهید.

۳. فایل settings.json/تنظیمات کاربر: خطوط زیر را به فایل settings.json اضافه کنید که شامل تمام تنظیمات مرتبط با VS Code است.

"prettier.tabWidth": 4,
"prettier.useTabs": true,

بسته به پلتفرم شما، فایل تنظیمات کاربر /settings.json در این مکان قرار دارد:

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

برای اطلاعات بیشتر در مورد فایل تنظیمات کاربر/settings.json به https://code.visualstudio.com/docs/getstarted/settings مراجعه کنید

4. اگر فایل .editorconfig دارید: بررسی کنید که آیا فایلی با نام .editorconfig در شاخه اصلی پروژه شما وجود دارد یا خیر. در صورتی که این فایل را دارید، آن را باز کنید و مطمئن شوید که مقادیر داخل فایل را بر اساس نیاز خود تغییر میدهید. کد داده شده در زیر برای تنظیم indent_style Tab و indent_size 4 است:

indent_style = tabs
indent_size = 4

5. اگر فایل .editorconfig ندارید: در صورتی که فایل .editorconfig در ریشه دایرکتوری پروژه خود ندارید، میتوانید فایلی به نام .prettierrc ایجاد کرده و مطالب زیر را به آن اضافه کنید

{
    "singleQuote": true,
    "printWidth": 80,
    "editor.formatOnSave": true,
    "proseWrap": "always",
    "tabWidth": 4,
    "requireConfig": false,
    "useTabs": false,
    "trailingComma": "none",
    "bracketSpacing": true,
    "jsxBracketSameLine": false,
    "semi": true
}

شما میتوانید این را بر اساس نیاز خود تغییر دهید

پاسخ شماره ۲

آیا از .editorconfig استفاده میکنید؟ ممکن است لازم باشد آن را تغییر دهید (یا تنظیم کنید) به

"editor.tabSize" : 4

همچنین.

پاسخ شماره ۳

فقط یک فایل با نام .prettierrc در ریشه پروژه خود ایجاد کنید و کد زیر را در آن جایگذاری کنید

در .prettierrc

{
    "singleQuote": true,
    "printWidth": 80,
    "editor.formatOnSave": true,
    "proseWrap": "always",
    "tabWidth": 4,
    "requireConfig": false,
    "useTabs": false,
    "trailingComma": "none",
    "bracketSpacing": true,
    "jsxBracketSameLine": false,
    "semi": true
}

شما میتوانید مشکل گیت را در اینجا پیدا کنید: https://github.com/prettier/prettier-vscode/issues/344#issuecomment-360430551