Setup TSLint in Visual Studio 2015

Haben Sie jetzt, um diese mit gulp-tasks, damit dies geschieht. Es ist ein bisschen wie ein Schmerz, wenn Sie mich Fragen, aber es funktioniert! Dies ist, wie wir es tun:

1. Knoten Installieren: https://nodejs.org
2. Installieren Gulp: http://gulpjs.com
3. Install gulp-Pakete auf der Projekt-root:
   • In der Befehlszeile cd C:\\path\to\project
   • npm install gulp-tslint --save-dev
   • npm install gulp-plumber --save-dev

Optional:

• npm install gulp-newer --save-dev
• npm install gulp-watch --save-dev

Nun ist alles installiert! Öffnen Sie Visual Studio, und fügen Sie eine neue gulpfile.js zu Ihrem Projekt root mit dem folgenden Inhalt:

///<binding AfterBuild='TSLint:All' ProjectOpened='TSLint:Watch' />
//Node packages
var gulp    = require("gulp");
var plumber = require("gulp-plumber");
var tslint  = require("gulp-tslint");

//Only include these 2 packages if you've installed them
var newer   = require("gulp-newer");
var watch   = require("gulp-watch");


//Paths to include/exclude
var TYPE_SCRIPT_FILES = ["app/**/*.ts", "!app/core/Events.ts"];

//Our TSLint settings
var TYPE_SCRIPT_REPORT = tslint.report("prose", {
    emitError: false,
    reportLimit: 50
});

//The actual task to run
gulp.task("TSLint:All", function () {
    return gulp.src(TYPE_SCRIPT_FILES)
        .pipe(plumber())
        .pipe(tslint())
        .pipe(TYPE_SCRIPT_REPORT);
});


//===== ONly include the below code if needed
//File locations
var BIN = "bin";

//Listens for new (updated) typescript files and runs through TSlint
gulp.task("TSLint:Newer", [], function (done) {
    return gulp.src(TYPE_SCRIPT_FILES)
        .pipe(plumber())
        .pipe(newer(BIN))
        .pipe(tslint())
        .pipe(TYPE_SCRIPT_REPORT)
        .pipe(gulp.dest(BIN));
});

//This task runs when the project opens. When any file changes, it will be run through TSLint
gulp.task('TSLint:Watch', function () {
    return gulp.src(TYPE_SCRIPT_FILES)
        .pipe(watch(TYPE_SCRIPT_FILES))
        .pipe(plumber())
        .pipe(tslint())
        .pipe(TYPE_SCRIPT_REPORT)
        .pipe(gulp.dest(BIN));
});

Ok, jetzt ist alles fertig für den Gebrauch! Nun in Visual Studio öffnen, die Task Runner Explorer. Die Aufgaben sollten hier erscheinen.

Nicht, dass Man sagen kann, jede Aufgabe zu führen. Sie können diese mit der rechten Maustaste auf jede Aufgabe, und es fügt nur auf die erste Zeile auf der gulpfile.js

• Die TSLint:All task wird ausgeführt, TSLint auf alle angegebenen Dateien.
• Die TSLint:Newer task wird ausgeführt, TSLint auf alle Dateien, die geändert wurden seit dem letzten check.
• Die TSLint:Watch Aufgabe wird weiterhin ausgeführt und automatisch überprüfen Sie die Dateien, wie Sie gespeichert!