Visual Studio Codeとtslintを構成する方法は？

Question

0.3.0では、TypeScriptのインテリセンスが見られます。ただし、tslint.jsonがあるため、tslintingが発生することも予想されていました。 VSCはネイティブでリンティングをサポートしていますか？

後者の場合、ファイルが変更されたときに実行するように構成できますか、または明示的に起動される手動タスクである必要がありますか。

Answer 1

以下のように、gulpfileにリンティングタスクを追加できます。または監視タスクですら。 gulpプラグインやtslintではなく、TypeScriptを使用していることに注意してください。

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

短い答え

VSCはネイティブでリンティングをサポートしていますか？

はい。 VS Codeは TSLint extension。 リンティングをサポートしています。gulpは必要ありません。

TSLintをVSコードに統合する手順

最初に、前提条件をインストールします：TSLintおよびTypeScript。

npm install -g tslint TypeScript

Second、tslint.jsonファイルをプロジェクトルートに追加します。これを行うには、tslint --initを使用します。これにより、ニースのデフォルトが提供されます。または、ファイルを作成し、この最小構成を使用します。この構成は、 推奨ルール を継承します

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

Third、VS CodeのTSLint拡張機能をインストールします。

1. プロジェクトのルートでVSコードを開きます。
2. コマンドパレットを開く CTRL + P
3. ext install tslint。
4. [インストール]を選択してから[有効化]を選択し、最後にVSコードを再起動します。

第4、統合されたTS Lintをお楽しみください。