TypeScript - איך לגרום ל-Prettier לשבור את כל סוגי האיחוד?
אני רוצה את זה:
type SomeType = Variant1 | Variant2תמיד לעצב לפורמט הזה:
type SomeType = | Variant1 | Variant2לא משנה אם זה טובע על רוחב העמודה שצוינה או לא.
תשובה #1
אם אתה צריך רמת שליטה כזו על העיצוב, סביר להניח שאתה לא הקהל היעד של Prettier כי דברים כאלה במתכוון אינם ניתנים להגדרה בו. ראה את הפילוסופיה של האפשרויות של Prettier. עם זאת, עדיין תוכל להשיג את מה שאתה רוצה על ידי יצירת
קרא עוד →node.js - תמיכת סקריפטים קלת משקל ב-TypeScript עם ESLint ו-Prettier
TypeScript/ESLint/Prettier הפכו לכלים האהובים עלי לכל סוגי המשימות. עם זאת, אני עדיין מתקשה עם סקריפטים קטנים ב-Nodejs שהם רק כמה עשרות שורות קוד. כדי לכתוב סקריפט קטן ב-Nodejs עם חוויית IDE נוחה, אני צריך:
- צור קובץ package.json
- הגדר tsconfig (קומפילציה מחמירה)
- להגדיר את ESLint
- הגדר Prettier
- לקמפל ל-JavaScript אם אני אכפת לדעת על ביצועי הפעלה (ראה למטה)
זה די הרבה טקס עבור סקריפטים קטנים. יש לי סקריפטים שבהם קבצי התצורה הללו גדולים יותר מ
קרא עוד →reactjs - איך לגרום ל-prettier autoformatter ב-VScode לא להסיר פסיקים מסוגי TypeScript אחרי שהוספתי React
כאשר אני שומר קובץ עם הפורמט האוטומטי פעיל, הסוג
type Params = { fileName: string, isTxt: boolean }יישמר כ
type Params = { fileName: string isTxt: boolean }שבתגובה כבר לא מתקבלת על יד
קרא עוד →reactjs - איך לתקן שגיאת הגדרת eslint/prettier?
אני צריך עזרה. אני מנסה להגדיר ifint. אבל אני רואה שגיאות רק בקונסול, אני לא רואה אותן בגרף הבעיות ובעורך הקוד
ניסיתי לעשות הכל לפי ההוראות של Airbnb בגיטהאב
וגם כדי לראות את השגיאות האלה אני צריך להריץ את הפקודה npm run lint
.eslintrc.js
module.exports = { extends: [ 'airbnb-typescr קרא עוד →typescript - WebStorm עיצוב מחדש של קוד (Prettier) מעצב את הקוד באותו אופן כמו `prettier --write .`
אני עובד על בסיס קוד (TS) שבו צריך להריץ prettier --write . לפני כל התחייבות.
עם זאת, אני משתמש בפעולת Reformat Code ב-WebStorm כדי להריץ את Prettier, שזה נוח יותר. בשימוש בפעולה זו, הקוד גם מקוטלג מחדש, למשל על ידי הוספת ; חסרה בסוף שורה. אך גיליתי שלמשל שורות ריקות אינן מוסרות. אבל כשאני מריץ prettier --write ., השורות הריקות האלה מוסרות.
הנחתי ש־Reformat Code ב־WebStorm עם Prettier הוא המקביל להפעלת prettier
קרא עוד →טייפסקריפט - רווח בסוגריים ב-.prettierrc
אני רוצה שיהיה לי prettier כמו space-in-parens מ-eslint.
מ־
function foo(one, two, three){אל :
function foo( one, two, three ){מצאתי את השרשור הזה (https://github.com/prettier/prettier/issues/1303) מ-2017 ב-GitHub אבל אני לא מצליח למצוא את הפתרון.
יש לך איזושהי הבנה על זה? יש דרך ליצור כלל מותאם אישית?
תודה רבה מראש
קרא עוד →איך להגדיר את ESLint ו-Prettier לדיווח שגיאות נכון בפרויקט TypeScript ו-Next.js
אני משתמש ב-TypeScript וב-Next.js. רציתי לאכוף שגיאות בפורמט קוד, אז הוספתי את הכלל הבא ל-eslintrc.json:
"rules": { "prettier/prettier": "error" }לאחר הרצת npm run build
קרא עוד →javascript - האם אפשר להשבית כלל של ESLint/Prettier שמוסיף סוגריים?
אם אני כותב:
const a = 1; const b = 1; const c = 1; const d = 1; const t = a * b * (c + d) / 100;אז כמה חוקים רוצים לשנות ל:
const t = (a * b * (c + d)) / 100; // ^ ^ unwanted parenthesesאני לא רוצה את הסוגריים המיותרים, אבל אני לא מצליח להבין אם זה ESLint או Prettier שמוסיפים אותם. קובץ .eslintrc שלי נוסף למטה:
{ "root": true, "parser": "@typescript-esli קרא עוד →TypeScript - איך למנוע מ-VsCode Prettier לשבור שרשרת פונקציות עם פונקציות חץ?
אני עובד עם VSCode ו-Prettier וכשיש לנו קריאות לפונקציות מקושרות עם פונקציות חץ בפנים כמו שרשרת של lodash:
let total = _(credits).filter(c => c.active).sumBy(c => c.fee);Prettier שוברת ל:
discount = _(credits) .filter(c => c.active) .sumBy(c => c.fee);כאשר אנחנו משתמשים ב-strings במקום ב-arrow functions, זה לא נשבר למספר שורות, לדוגמה:
let total = _(credits).filter('c => c.active'). קרא עוד →reactjs - איך אני יכול להשבית הפסקת שורה ב-prettier
ערך ה-printWidth שלי הוא 200 והשבר דומה מתרחש כל פעם לדוגמה.
<Form.Item label="xxx"><Input /></Form.Item> <Form.Item label="yyy"><Select /></Form.Item> <Form.Item label="zzzz"><Input /></Form.Item>כאשר אני מריץ את קטע הקוד ה
קרא עוד →