ვიზუალური სტუდიო კოდი - VSCode /w. Prettier TypeScript მონორეპოში


ამჟამად მე ვიყენებ Prettier-ს VSCode გაფართოების საშუალებით მონორეპო კონფიგურაციაში. პრობლემა ის არის, რომ Prettier სრულად არ მუშაობს ჩემს api ფოლდერში. ის არ ითვალისწინებს ნაგულისხმევს ხაზის სიგანეს და სემიკოლონები ავტომატურად არ ემატება. უცნაურია, რომ ჩემი www ფოლდერი ჩვეულებრივ მუშაობს და Prettier-ის არც ერთი ფუნქცია არ მაქვს დაკარგული.

Prettier კონფიგურაცია აღინიშნება გლობალურად VSCode-ში «User Settings»-ის მეშვეობით.

  • www - NextJS
  • api - აპოლო სერვერი
|--- 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"
  }
}

აპი/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 თქვენი პროექტის ძირეულ შპროდექტში, ყველა იმ პარამეტრით, რომელიც გსურთ გქონდეთ.