@jostyposty/eslint-config v1.0.1

eslint-config

My very own config for ESLint.

Plain TypeScript-prosjekt

Installer avhengighetene som trengs:

npx install-peerdeps -D @jostyposty/eslint-config

Konfigurer i package.json (eller .eslintrc.js etc):

"eslintConfig": {
    "extends": "@jostyposty"
},

TODO: Trengs ikke denne?

parserOptions: {
    tsconfigRootDir: __dirname,
},

Nyttige skript til package.json:

"lint": "eslint .",
"lint:fix": "eslint . --fix"

Må i .vscode/settings.json-fila til dette prisjektet, i hvert fall dersom formatOnSave er på som default for disse filene:

  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[typescript]": {
    "editor.formatOnSave": false
  },

Angular-prosjekt

Lag ny app på denne måten: (se https://github.com/angular-eslint/angular-eslint for mer info, og hvordan migrere eksisterende prosjekter.)

ng new app --collection=@angular-eslint/schematics --strict --prefix=jos --routing --style=scss

Installer:

npx install-peerdeps -D eslint-config-jostyposty
npm i -D eslint-plugin-jasmine

Vi trenger sannsynligvis .eslintrc.js:

• Endre .eslintrc.json til .eslintrc.js.
• Legg til module.exports = i starten av fila.
• Legg .eslintrc.js til files.
• Legg tsconfigRootDir: __dirname, til parserOptions.
• Legg til plugins: 'jasmine', over extends.
• Legg til disse på toppen av extends: 'jostyposty', 'plugin:jasmine/recommended',
• Legg til env: {browser: true, es2020: true, jasmine: true}, under root-raden.

.editorconfig kan slettes. Vi stoler på reglene til eslint og prettier.

Kilder

Inspirert av https://github.com/wesbos/eslint-config-wesbos.

link typescript-eslint getting started

link eslint-plugin-prettier and eslint-config-prettier together: "It's the recommended practice to let Prettier handle formatting and ESLint for non-formatting issues, prettier-eslint is not in the same direction as that practice, hence prettier-eslint is not recommended anymore. You can use eslint-plugin-prettier and eslint-config-prettier together."

link What's the difference between plugins and extends in eslint? "extends uses a config file which applies set of rules when you add that to the extends options. A plugin on the other hand provides you with a set of rules that you can individually apply depending on your need."