Skip to content

laststance/eslint-config-ts-prefixer

Repository files navigation

eslint-config-ts-prefixer 🌈

npm Lint

Ruleset of meaningful Lint rules on runtime and beautiful formatters. (prettier & eslint-plugin-import)


This config is:

  • πŸ“¦ Zero extend for explicit rules.
  • πŸ’… Prettier integration, specialized fixable import rules.
  • 🏠 Use user existing .prettierrc directly.
  • βœ… Meamingful rules code behavior than which syntax sugar is good.

carbon


Installation

If you want to manage .eslintrc.js file on your codebase, please choose Barebone Install.

1. install necessary packages.

  • npm
npm install --save-dev eslint-config-ts-prefixer eslint@8.57.0 @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier prettier
  • yarn
yarn add -D eslint-config-ts-prefixer eslint@8.57.0 @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier prettier
  • pnpm
pnpm add -D eslint-config-ts-prefixer eslint@8.57.0 @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier prettier
  • bun
bun add -d eslint-config-ts-prefixer eslint@8.57.0 @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier prettier

2. Setup config files with npx eslint-config-ts-prefixer config.

npx eslint-config-ts-prefixer config

Run this command on a project root directory
then create config files .eslintrc.cjs .prettierrc .eslintignore,
inseart lint,lint:fix commands to paclage.json,
include "./**.js", "./**.ts", "./**.cjs", "./**.mjs" to tsconfig.json that need for typescrit eslint parser.

npx eslint-config-ts-prefixer config

OK, you are ready to use!

just run npm run lint:fix to apply this package's configurations! πŸŽ‰

{
  "scripts": {
    "lint": "eslint . --ext .ts,.tsx,.js,jsx",
    "lint:fix": "eslint . --ext .ts,.tsx,.js,jsx --fix"
  }
}

If you use VSCode and ESLint Extension,
you can get great developer experience with the shortcut.
And Webstorm native support ESLint.

config


Perform on Webstorm

autofix

Bareborn Install

Bareborn Install is create the eslint-config-ts-prefixer's .eslintrc.js file directly in your code base.
You can manage the rules yourself.

1. install necessary packages.

  • npm
npm install --save-dev eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier eslint-plugin-sort-keys-custom-order prettier
  • yarn
yarn add -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier eslint-plugin-sort-keys-custom-order prettier
  • pnpm
pnpm add -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier eslint-plugin-sort-keys-custom-order prettier
  • bun
bun add -d eslint-config-ts-prefixer eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript eslint-plugin-import eslint-import-resolver-typescript eslint-plugin-prettier eslint-plugin-sort-keys-custom-order prettier

2. run npx eslint-config-ts-prefixer barebone

  • run
npx eslint-config-ts-prefixer barebone

And then generated .eslintrc.cjs(copy of index.js), .eslintignore, .prettierrc.
inseart lint,lint:fix commands to paclage.json,
include "./**.js", "./**.ts", "./**.cjs", "./**.mjs" to tsconfig.json that need for typescrit eslint parser.

OK, you are ready to use!

just run npm run lint:fix to apply this package's configurations! πŸŽ‰

{
  "scripts": {
    "lint": "eslint . --ext .ts,.tsx,.js,jsx",
    "lint:fix": "eslint . --ext .ts,.tsx,.js,jsx --fix"
  }
}

LICENSE

MIT

Contributors ✨

Thanks goes to these wonderful people (emoji key):


ryota-murakami

πŸ’» πŸ“– ⚠️