Visual Studio Code - VSCode με Prettier σε TypeScript Monorepo


Αυτή τη στιγμή χρησιμοποιώ το Prettier μέσω της επέκτασης VSCode σε μια ρύθμιση Monorepo. Το πρόβλημα είναι ότι το Prettier δεν λειτουργεί πλήρως στον φάκελο μου api. Δεν σέβεται το προεπιλεγμένο πλάτος γραμμής και τα ελληνικά δεν προστίθενται αυτόματα. Παράξενα, ο φάκελος μου www λειτουργεί κανονικά και δεν μου λείπει καμία λειτουργία του Prettier.

Η ρύθμιση του Prettier έχει οριστεί παγκοσμίως μέσω των «Ρυθμίσεις Χρήστη» στο VSCode.

  • www - NextJS
  • api - Apollo Διακομιστής
|--- api
    |--- package.json
    |--- tsconfig.json 
    |--- server.ts
|--- www
    |--- pages
         |--- index.tsx
    |--- package.json
    |--- tsconfig.json 

www/tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
    "noUnusedLocals": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  }
}

api/tsconfig.json

{
  "compilerOptions": {
    "module": "commonjs",
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "target": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "outDir": "dist",
    "baseUrl": ".",
    "paths": {
      "*": ["node_modules/*", "src/types/*"]
    }
  }
}

Απάντηση #1

Δοκιμάστε να προσθέσετε το .prettierrc στη ρίζα του έργου σας, με όλες τις επιλογές που θα θέλατε να έχετε.