@hydroquebec/eslint-config-ui5

Description

Configuration ESLint réutilisable pour tous les projets UI5 chez Hydro-Québec.

Installation

Exécuter dans votre terminal et dans cet ordre les lignes suivante :

npx install-peerdeps -D @hydroquebec/eslint-config-ui5
npx mrm lint-staged

Utilisation

• Modifier les lignes du bloc "lint-staged" à la fin du fichier package.json comme présenté ici : (ne pas oublier d'ajouter "xml" à la 2e ligne)

"lint-staged": {
    "*.js": "eslint",
    "*.{js,css,md,xml}": "prettier --write"
}

• Ajouter à la fin du fichier package.json les lignes suivantes :

"eslintConfig": {
  "extends": "@hydroquebec/eslint-config-ui5"
},
"prettier": "@hydroquebec/prettier-config-ui5"

• Créer un fichier "tsconfig.json" dans le dossier du projet et ajouter les lignes suivants :

{
  "compilerOptions": {
    "target": "ESNEXT",
    "module": "none",
    "noEmit": true,
    "checkJs": true,
    "allowJs": true,
    "skipLibCheck": true,
    "types": ["@sapui5/ts-types"]
  }
}

• Installer l'extension Prettier dans SAP BAS ou VS Code : Prettier - Code formatter

• Ajouter à la fin du fichier .vscode/settings.json à l'intérieur de votre projet les lignes suivantes (recommandé) :

"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true