VSCode Eslint configuration for a two projects workspace

Question

I have a folder with two projects, a Nodejs backend and a Vuejs frontend. I want to open both projects at the same time, and being able to use eslint to check and format code in both.

The problem I'm having is that whenever a get the configuration sort of working for the vue project, the js files in the backend are not validated.

My main question is if it is possible at all to do this or not. I've already followed countless tutorials on getting eslint+prettier+airbnb plus all of the relevant plugins working. Else, if is it better to open two instances of VSCode, one for the backend and another for the frontend, each with its own configuration.

Thanks !!!

Answer 1

Yes, you can get this working. You'll need to update your workspace settings.

https://medium.com/devityoself/monorepo-eslint-vscode-6f5982c8404d

[From Visual Studio Code]:

1. CMD + Shift + P
2. Start to type Workspace settings
3. Search for ESlint extension and look for Working Directories and select Edit in settings.json.
4. Enter the paths that need ESlint enabled

{ "eslint.workingDirectories": ["mobile/iOS", "platform/web"] }