Как настроить код 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.]()