Retour

Installez les extensions Prettier EsLint et EsLint dans VsCode.

Installez yarn, vous pouvez utiliser npm et nvm, vous pouvez mettre le dossier node_modules dans Roundcube-plugin-mel, il contient déjà les infos dans le .gitignore.

Utilisez cette commande pour installez les dépendences :

yarn add -D prettier@^3.1.0 eslint@^8.52.0 prettier-eslint@^16.1.2

Dans les settings de l’espace (ctrl + shift + p => Preferences: Open Workspace Settings (JSON)), ajoutez :

"editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
  "editor.formatOnType": true, // required
  "editor.formatOnPaste": true, // optional
  "editor.formatOnSave": true, // optional
  "editor.formatOnSaveMode": "file", // required to format on save
  "files.autoSave": "onFocusChange", // optional but recommended
  "vs-code-prettier-eslint.prettierLast": true // set as "true" to run 'prettier' last not first

A la racine de Roundcube-plugin-mel, créez un fichier .prettierc.json et .eslintrc.json.
Dans le premier, mettez cette config : Prettier,
puis dans le second, mettez cette config : EsLint

Redémarrez vscode et ça devrait fonctionner.