javascript - אפליקציית React ו-Prettier/eslint שמריצה סקריפט בלולאה
האפליקציה שלי שפותחה ב-Create React App מתחברת מחדש שוב ושוב. מעבר לזה שהיא לא אמורה לעשות זאת, זה גם מאוד מסיח את הדעת.
זוהי התוצאה מהפקודה ברירת המחדל npm run start
אני מנחש שזה משהו שקשור ללינטינג, רעיונות?
עריכה :
סקריפטים שהתבקשו:
"scripts": { &q קרא עוד →javascript - האם קיימת קונפיגורציה של Prettier עבור עיצוב פקודות switch?
אני כרגע משתמש ב-Prettier כדי לעצב את קוד ה-TypeScript שלי.
זו הבעיה שלי: אם יש לי קוד כזה:
switch (someVariable) { case "one": return 10; case "two": return 20; default: return 30; }Prettier יעצב את זה ל:
switch (someVariable) { case "one": return 10; case "two": return 20; default: return 30; }אני רוצה להימנע מהאחרון מכיוון שהוא מוסיף שלוש שורות קוד נוספות, וע
קרא עוד →TypeScript - להריץ את Prettier על קבצי TS ו-SCSS
אני מנסה להגדיר את Prettier שלי עבור קבצי TypeScript ו-SCSS
יש לי את קובץ .prettierrc הבא:
{ "printWidth": 100, "parser": "typescript", "tabWidth": 2, "semi": true, "singleQuote": true, "trailingComma": "all", "bracketSpacing": true, "jsxBracketSameLine": true, "arrowParens": "avoid" }כאשר אני מריץ את P
קרא עוד →angular - פריטייר מסיר טיפוסים
אין לי מושג למה, אני נמצא באפליקציית Angular וכשהאני לוחץ על 'עיצוב מסמך' הסוגים שלי נמחקים.
Before: export class AppComponent { title:string = 'angular-todolist'; name:string = 'Michael'; someInteger:number = 10; } After: export class AppComponent { title = 'angular-todolist'; name = 'Michael'; someInteger = 10; } קרא עוד →טייפסקריפט - עיצוב קוד עם prettier לא עובד ב-nest js
אני משתמש ב-Visual Studio Code. בפרויקט Nest JS שלי, הקוד לא מעוצב לפי כללי prettier. כבר הגדרתי את .prettierrc ואת .eslintrc. בנוסף, הגדרתי את formatOnSave: true בקובץ settings.json.
חלק מקובץ settings.json שלי
קרא עוד →Visual Studio Code - VSCode עם Prettier במונורפו TypeScript
אני משתמש כרגע ב-Prettier דרך הרחבת VSCode בהגדרת Monorepo. הבעיה היא ש-Prettier לא עובד במלואו בתיקיית api שלי. הוא לא מקפיד על רוחב שורה ברירת מחדל והנקודה-פסיק לא מתווספת אוטומטית. באופן מוזר, תיקיית www שלי עובדת כרגיל ואין לי שום תכונה חסרה של Prettier.
הגדרות Prettier מוגדרות באופן גלובלי דרך "הגדרות משתמש" ב-VSCode.
- www - NextJS
- api - שרת אפולו
javascript - כיצד לפתור את שגיאות prettier האלה בקוד express ו-typescript
הקמתי פרויקט בסיסי של אפליקציה Node/Express + Typescript
app.listen(PORT, (): void => { console.log(`app running in ${environment} listening on port ${PORT}!`); });אני מקבל שגיאה ואני לא בטוח למה?
החלף את PORT, עם ⏎- - PORT,⏎- (prettier/prettier)
הכנס - - (prettier/prettier)
החלף את } ב- - - },⏎ (prettier/prettier)
אם אני מנסה לתקן את השגיאות
קרא עוד →javascript - Prettier שובר שורה בהגדרת פונקציה כאשר יש לה את סוג הפונקציה המוחזרת
יש לי את הפונקציה הזאת:
// before and after prettier const foo = (a: number) => (b: number) => { return a + b }אם אני מריץ את prettier זה ישאיר הכל כפי שהוא (מה שמתנהג רצוי מבחינתי).
כאשר אני מוסיף סוג של פונקציה מוחזרת זה מתפרק איכשהו.
// before prettier type NestedFuncType = (b: number) => number const foo = (a: number): NestedFuncType => b => { return a + b } // after prettier type NestedFunc קרא עוד →TypeScript - להשתמש ב-Prettier כדי לפתור את שגיאת ESLint של no-duplicate-imports
ל eslint יש no-duplicate-imports https://eslint.org/docs/rules/no-duplicate-imports שמציג שגיאה או אזהרה על ייבוא של מספר מודולים מאותו נתיב בשורות כפולות.
כלומר
import { testModule } from '../file' import { otherModule } from '../file'גורם לך להחליט כך:
import { testModule, otherModule } from '../file'איך היית משיג את זה עם פלאגין Prettier קיים, או בכל דרך אחרת שבה onSave יפתור את זה עבורך, כדי להימ
קרא עוד →הגדרת ESLint (Airbnb) + Prettier עבור React Native (Expo) ב-TypeScript
אני עובד על הקמת כלי בדיקה ועיצוב קוד עבור הפרויקט שלי ב-React Native כבר כמה שבועות, אבל אני לא מצליח להתקדם הרבה. הסתכלתי על המון מדריכים ו-followed אותם ככל יכולתי, אך עדיין נראה שיש בעיות בהגדרות.
לפרויקט שלי יש Backend ב-Django ו-Frontend ב-React Native, לכן אפליקציית ה-Rea
קרא עוד →