Integrate Prettier and add a configuration file with instructions for safe usage.

[Vooxify]

Integrate Prettier and add a configuration file with instructions for safe usage. Anything else ;-)

[xav35000]

Please use Markdown for guides, that should look something like that :

PRETTIER GUIDE

To use Prettier correctly (if you don't know what Prettier is, it's a module that formats your code correctly,
like this, so everyone has the same formatting style as you), you need to follow these steps:

1. Install the Prettier module (on VSCODE, you need to press "CTRL"/"CMD" + "SHIFT" + "X" and search for "Prettier - Code formatter")

2. Install the ESLint module (on VSCODE, you need to press "CTRL"/"CMD" + "SHIFT" + "X" and search for "ESLint")

3. Configure Prettier. To do this, press "CTRL"/"CMD" + "SHIFT" + "P" and type "Open User Settings JSON". Be careful, choose JSON!

After that, paste these lines into the JSON file:

{
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "prettier.requireConfig": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "always",
        "source.organizeImports": "always"
    }
}

[Vooxify]

If you want 😁

[Truiteseche]

Good job! But indeed as @xav35000 said the guide should be revised

[xav35000]

Mais pourquoi une majuscule alors que le reste de la config (perso) est en minuscule ?

Thats my bad i was confused with the json syntax for a bit. Sorry !

[Vooxify]

I will change the extension and after it's done 👍

[Vooxify]

Done !

[xav35000]

To use **Prettier** correctly (if you don't know what Prettier is, it's a module that formats your code, so everyone has the same formatting style as you), you need to follow these steps:

1. **Install the Prettier module**  
   On VSCode, press `CTRL` / `CMD` + `SHIFT` + `X` and search for **"Prettier - Code formatter"**.

2. **Install the ESLint module**  
   On VSCode, press `CTRL` / `CMD` + `SHIFT` + `X` and search for **"ESLint"**.

3. **Configure Prettier**  
   To do this, press `CTRL` / `CMD` + `SHIFT` + `P` and type **"Open User Settings JSON"**. Be careful to choose **JSON**!

4. **Paste the following configuration into the JSON file**:

  ```json
    {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "prettier.requireConfig": true,
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": "always",
            "source.organizeImports": "always"
        }
    }

I think its supposed to look like that (not sure about line 18 but thats def better)

[Vooxify]

Done !

[Truiteseche]

Nice job! We will wait until the ongoing refactoring is complete to merge this PR and format all files, to avoid creating conflicts. Thanks

[as2pick]

All done !