cs-tslint-rules

cs-tslint-rules

This repo contains the TSLint rule configuration for Code School projects that use TypeScript as well as TypeScript + Angular 2.

Installation

The instructions differ for plain TypeScript projects and for Angular 2 + TypeScript projects, so follow the instructions that apply to your project type.

Basic Installation

Install TSLint and TypeScript for your project.

npm i --save-dev typescript tslint

Install the cs-tslint-rules module.

npm i --save-dev cs-tslint-rules

Create a tslint.json file in the root folder of your project and add the following:

{
  "rulesDirectory": [
    "node_modules/tslint-eslint-rules/dist/rules",
    "node_modules/vrsource-tslint-rules/rules"
  ],
  "extends": "cs-tslint-rules/tslint-base"
}

Angular 2 Installation

Install TSLint, Codelyzer and TypeScript for your project.

npm i --save-dev typescript tslint codelyzer

Install the cs-tslint-rules module.

npm i --save-dev cs-tslint-rules

Create a tslint.json file in the root folder of your project and add the following:

{
  "rulesDirectory": [
    "node_modules/codelyzer",
    "node_modules/tslint-eslint-rules/dist/rules",
    "node_modules/vrsource-tslint-rules/rules"
  ],
  "extends": "cs-tslint-rules/tslint-ng2"
}

Usage

Add a script to the scripts section of your package.json, making sure to set the correct pattern for your source files (the example uses src/**/*.ts):

{
  "scripts": {
    "lint": "tslint --type-check --fix --project tsconfig.json --config tslint.json src/**/*.ts"
  }
}

If you have a build script then you should modify it so that the linting is done before the project can be successfully built. For example, you could prepend the linting command to your build command to make sure the linting is run first.

npm run lint

Recommended TypeScript compiler options

The TSLint configuration in this module pair well with the following compilerOptions added to your tsconfig.json as an extra layer of best practice enforcement:

{
  "compilerOptions": {
    "strict": true,
    "noUnusedLocals": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noEmitOnError": true
  }
}

Changelog

[v9.0.0] - 2017-08-28

Added

• Added new Codelyzer rules from latest versions to tslint-ng2.json

Changed

• Removed no-any rule as it is nearly impossible to enforce without making exceptions
• Removed max-classes-per-file rule
• Changed ban rule to [ true, [ "window", "isNaN", "describe.only", "it.only" ] ]

Fixed

• Fixed format for ban rule options