npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

eslint-config-ts-prefixer

v1.14.0

Published

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

Downloads

15,607

Readme

npm Lint


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 [email protected] @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 [email protected] @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 [email protected] @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 [email protected] @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.


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"
  }
}

Explore Our Lint Rules Website

We are excited to announce the launch of our new website, which provides a comprehensive list of all lint rules from the original documentation. This resource is designed to help you easily navigate and understand the various lint rules available for your projects.

Visit the website: ESLint Config TS Prefixer Lint Rules

The website features a user-friendly interface, allowing you to explore different categories of lint rules, search for specific rules, and learn more about each rule's purpose and usage. Whether you are a beginner or an experienced developer, this website will serve as a valuable tool for ensuring code quality and consistency in your projects.

LICENSE

MIT

Contributors ✨

Thanks goes to these wonderful people (emoji key):