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-easy

v0.15.1

Published

airbnb + babel + promise + import + react

Downloads

107

Readme

airbnb + babel + promise + import + react + html

eslint-config-easy is based on eslint-config-airbnb as airbnb is the most popular one.

But airbnb is too strict on some syntax rules(like consistent-return, global-require etc), make it hard to migrate my old projects.

I didn't change much more about the style rules(most about spaces), since using Visual Studio Code can auto-fix the spaces on save. I prefer you try it other than Sublime Text.

Features

  • Based on eslint-config-airbnb that supports es6/es7+, react, import and jsx-a11y
  • Use babel-eslint to support class properties, decorators, types.
  • Use eslint-plugin-promise to enforce best practices for promise
  • Use eslint-plugin-html to support .html/.vue. If you want auto-fix in VSCode for .vue, please see below

Install

Should only used with npm@>=3

npm i eslint-config-easy -D or yarn add eslint-config-easy -D

Usage

In your project root dir, create a file .eslintrc with content:

{
  "extends": "easy"
}

You can add NODE_ENV=production for production lint(like NODE_ENV=production eslint src), which will enforce no-alert, no-console, no-debugger.

Lint .vue files

Since eslint will only lint .js files default, you need add --ext .js,.html,.vue option for .vue files.

If you want auto-fix .vue files in VSCode with its eslint plugin, you should add the user/workspace settings below in VSCode:

  // Enable/disable JavaScript validation.
  "javascript.validate.enable": false,
  // Turns auto fix on save on or off.
  "eslint.autoFixOnSave": true,
  // An array of language ids which should be validated by ESLint
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { 
      "language": "html", "autoFix": true
    },
    { 
      "language": "vue", "autoFix": true
    }
  ],

Tools for dev

  • npm run diff-airbnb: to see the whole config of easy and airbnb, and their differences(result in diff-results dir in current project)
  • npm run diff-custom -- "the .eslintrc file full path": to see the differences between the specified config and easy

License

Licensed under MIT

Copyright (c) 2017 Tian Jian