https://github.com/tasoskakour/eslint-config-tasoskakour-typescript-prettier

https://github.com/tasoskakour/eslint-config-tasoskakour-typescript-prettier

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/tasoskakour/eslint-config-tasoskakour-typescript-prettier
• Owner: tasoskakour
• License: mit
• Created: 2021-05-05T11:10:38.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-01T09:00:48.000Z (8 months ago)
• Last Synced: 2024-08-09T10:02:23.391Z (5 months ago)
• Language: JavaScript
• Size: 62.5 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# eslint-config-tasoskakour-typescript-prettier

> ESLint + Prettier Typescript shareable config for [tasoskakour](https://tasoskakour.com)’s coding style

This repo structure is heavily influenced by my buddy's Napoleon repo: [https://github.com/iamnapo/eslint-config-iamnapo](https://github.com/iamnapo/eslint-config-iamnapo)

## Install

> Make sure you have already installed `eslint` and `typescript` as they are required packages.

```console

yarn add -D eslint-config-tasoskakour-typescript-prettier

```

Then, add this to your `.eslintrc.js`:

```js

module.exports = {

	extends: "tasoskakour-typescript-prettier",

	rules: {

		// your overrides

	},

};

```

### Usage for React 

Adjust your `.eslintrc.js` like this:

```js

module.exports = {

	extends: "tasoskakour-typescript-prettier/with-react",

	rules: {

		// your overrides

	},

};

```

### Add .eslintignore for certain files

Personally I like to use this .eslintignore:

```

*.css

*.svg

```

### (Optional) Add .prettierrc.json with my preferred configuration

```

{

    "printWidth": 100,

    "trailingComma": "es5",

    "tabWidth": 4,

    "semi": true,

    "singleQuote": true

}

```

### (Optional) Linting with vscode 

If you are using vscode this `.vscode/settings.json` file may come in handy: 

```

{

    "editor.defaultFormatter": "dbaeumer.vscode-eslint",

    "editor.formatOnSave": true,

    "eslint.alwaysShowStatus": true,

    "editor.codeActionsOnSave": {

        "source.fixAll.eslint": true

    },

    "editor.rulers": [100]

}

```