Как настроить код Visual Studio и tslint?

В 0.3.0 я вижу intellisense для typescript. Тем не менее, я также ожидал увидеть некоторые tslinting, поскольку у меня есть tslint.json. Поддерживает ли VSC линт изначально или мне просто нужно опираться на gulp?

Если последний, он настраивается для запуска с изменением файлов или должен быть ручной задачей, которая запускается явно.

Ответ 1

Вы можете добавить задачу перевязки к вашему gulp файлу, как показано ниже. Или даже задача наблюдателя. Заметьте, что я использую TypeScript, а не gulp plug-in или tslint, хотя они тоже прекрасны.

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();
    });
}

Ответ 2

Короткий ответ

Поддерживает ли VSC linting изначально или мне просто нужно опираться на gulp?

Да. VS Code поддерживает листинг с расширение TSLint. Нет необходимости в gulp.

Шаги по интеграции TSLint в код VS

Сначала, установите предварительные требования: TSLint и TypeScript.

npm install -g tslint typescript

Второй, добавьте файл tslint.json в корневой каталог проекта. Вы можете сделать это с помощью tslint --init, что дает вам хорошие значения по умолчанию. Кроме того, создайте файл и используйте эту минимальную конфигурацию, которая наследует рекомендуемые правила.

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

Третий, установите расширение TSLint для VS Code.

  • Откройте VS-код в корне вашего проекта.
  • Откройте палитру команд CTRL + P
  • ext install tslint.
  • Выберите "Установить", затем выберите "Включить", затем перезапустите код VS.

Четвертый, наслаждайтесь интегрированным TS Lint.

TSLint в действии в коде VS.