ESLintConfigTypeScript

The ESLint Config Be Used For AllJointNext

Usage

1. Installation

yarn add eslint prettier typescript @alljoint-next/eslint-config-typescript --dev
# npm install eslint prettier typescript @alljoint-next/eslint-config-typescript --save-dev

# install the ts-config we suggest or you can add specific .tsconfig by yourself
yarn add @alljoint-next/ts-config --dev
# npm install @alljoint-next/ts-config --save-dev

2. Setup Configuration

echo '{ "extends": "@alljoint-next/eslint-config-typescript" }' > .eslintrc.json
echo '**/node_modules/**
./node_modules/**
**/.{git,svn,hg}/**
./.{git,svn,hg}/**
**/dist/**
./dist/**' > .eslintignore
echo '{ "extends": "@alljoint-next/ts-config" }' > tsconfig.json

3. Add Scripts package.json

{
  "scripts": {
    "format": "prettier '**/*.{js,json,ts,vue,md,yml,yaml}' !**/dist/** !./dist/** !**/coverage/** --write --no-semi --single-quote --trailing-comma none && yarn lint --fix",
    "lint": "eslint '**/*.ts'"
  }
}

Advanced

Lint .js and .ts file in the same time

1. Installation

yarn add eslint prettier typescript @alljoint-next/eslint-config @alljoint-next/eslint-config-typescript --dev
# npm install eslint prettier typescript @alljoint-next/eslint-config @alljoint-next/eslint-config-typescript --save-dev

# install the ts-config we suggest or you can add specific .tsconfig by yourself
yarn add @alljoint-next/ts-config --dev
# npm install @alljoint-next/ts-config --save-dev

2. Setup Configuration

echo '{
  "extends": "@alljoint-next/eslint-config",
  "overrides": [
    {
      "files": ["*.ts"],
      "extends": "@alljoint-next/eslint-config-typescript"
    }
  ]
}' > .eslintrc.json
echo '**/node_modules/**
./node_modules/**
**/.{git,svn,hg}/**
./.{git,svn,hg}/**
**/dist/**
./dist/**' > .eslintignore
echo '{ "extends": "@alljoint-next/ts-config" }' > tsconfig.json