Weboldal keresés

Visual Studio Code - VSCode /w. Prettier egy TypeScript monorepóban


Jelenleg a Prettier-t VSCode kiterjesztésen keresztül használom egy Monorepo beállításban. A probléma az, hogy a Prettier nem működik teljesen az api mappámban. Nem tartja be az alapértelmezett sorméretet, és a pontosvesszők nem kerülnek automatikusan hozzáfűzésre. Furcsa módon a www mappám rendesen működik, és nincs hiányzó Prettier funkcióm.

A Prettier konfiguráció globálisan van beállítva a "Felhasználói beállítások" menüben a VSCode-ban.

  • www - NextJS
  • api - Apollo szerver
|--- 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/*"]
    }
  }
}

Válasz #1

Próbáld meg hozzáadni a .prettierrc-t a projekt gyökeréhez az összes olyan beállítással, amit használni szeretnél.