Comment configurer Visual Studio Code et tslint?

Question

Dans la version 0.3.0, je vois intellisense pour TypeScript. Cependant, je m'attendais également à voir quelques tslinting car j'ai un tslint.json. VSC prend-il en charge le linting natif ou dois-je simplement m'appuyer sur gulp?

Dans ce dernier cas, est-il configurable pour s'exécuter lorsque les fichiers sont modifiés ou doit-il s'agir d'une tâche manuelle qui est lancée explicitement.

Answer 1

Vous pouvez ajouter une tâche de peluchage à votre gulpfile comme ci-dessous. Ou même une tâche d'observation. Remarquez que j'utilise simplement TypeScript, pas le plugin gulp ni tslint, bien qu'ils soient très bien aussi.

gulp.task('ts-watcher', function() {
    gulp.watch('./src/**/*.ts', ['ts-compile']);
});

gulp.task('ts-compile', function(done) {    
    runTSC('src/client', done);
});

function runTSC(directory, done) {
    var tscjs = path.join(process.cwd(), 'node_modules/TypeScript/bin/tsc.js');
    var childProcess = cp.spawn('node', [tscjs, '-p', directory], { cwd: process.cwd() });
    childProcess.stdout.on('data', function (data) {
        // Code will read the output
        console.log(data.toString());
    });
    childProcess.stderr.on('data', function (data) {
        // Code will read the output
        console.log(data.toString());
    });
    childProcess.on('close', function () {
        done();
    });
}

Answer 2

Réponse courte

VSC prend-il en charge le linting natif ou dois-je simplement m'appuyer sur gulp?

Oui. VS Code prend en charge le linting avec extension TSLint. Il n'y a pas besoin de gulp.

Étapes pour intégrer TSLint dans VS Code

Tout d'abord , installez les prérequis: TSLint et TypeScript.

npm install -g tslint TypeScript

Deuxième , ajoutez un tslint.json fichier à la racine de votre projet. Vous pouvez le faire avec tslint --init, ce qui vous donne de belles valeurs par défaut. Sinon, créez le fichier et utilisez cette configuration minimale, qui hérite règles recommandées.

// tslint.json 
{
  "extends": "tslint:recommended",
  "rules": {}
}

Troisièmement , installez l'extension TSLint pour VS Code.

1. Ouvrez VS Code à la racine de votre projet.
2. Ouvrez la palette de commandes CTRL + P
3. ext install tslint.
4. Choisissez Installer, puis choisissez Activer, enfin redémarrez VS Code.

Quatrièmement , profitez de votre TS Lint intégré.