tk_zawa Blog

フロント用とバック用のディレクトリを含む単一のリポジトリのルートパスからVSCodeでそれぞれのtsconfig, eslintrcを読み込む方法

October 21, 2020

ストーリー

卒制(チーム)で作るシステムとして、

  • フロント: Nuxt.js
  • バック: Nest.js

を採用し、それらを1つのリポジトリにまとめた。

作業する人それぞれでフロントとバックを行き来する可能性があったので、
VSCodeで開くルートディレクトリはなるべくリポジトリの最上位階層にしたかった。

ディレクトリ構成
- ルートディレクトリ
  - .vscode/
    - settings.json
  - frontend/
    - .eslintrc.js
    - hoge...
  - backend/
    - .eslintrc.js
    - hoge...
  - .env
  - .env.example
  - docker-compose.yml
  - README.md

解決策

1.

eslintrc.js を .js から .json に書き換える
(Nest.js側のeslintrcだけで良いかも, Nuxt.jsは.jsでもエラー出ず)

2.

.vscodeのsettings.jsonに以下のようなeslint用ルールを追加

.vscode/settings.json
{
  "eslint.workingDirectories": ["backend", "frontend"]
}