2015-06-03 2 views
10

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

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

+0

Основываясь на [веб-страницы] (https://code.visualstudio.com/Docs/languages), они говорят, что есть поддержка пыление для машинопись и C# –

+0

Сами, что мне не хватает? Я вижу, что «Intelliense, Linting, outling для CSS, HTML, Javascript, JSON, Less and Sass» - прямо внизу «рефакторинг», найдите все ссылки для C#, Typcript ». Никакой линтинг для C#/ts, и я не вижу, чтобы это применяло мои правила tslint.json в IDE, поэтому я предполагаю, что он еще не подключен. Но, хотел посмотреть, не пропал ли я где-нибудь куда-нибудь. –

+0

«Нет намерения исправить» https://code.visualstudio.com/issues/Detail/16540 Предложите нам опираться на задачу https://code.visualstudio.com/Docs/tasks –

ответ

4

Вы можете добавить задачу линтирования в свой файл gulp, как показано ниже. Или даже задача наблюдателя. Заметьте, я просто использую TypeScript, а не gulp plug или 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(); 
    }); 
} 
+1

Спасибо, Джон. Теперь я использую наблюдателя, который использует gulp-notify. Я надеялся на более тесную интеграцию - встроенное уведомление и т. Д. Я предполагаю, что это произойдет. –

+0

Согласен. Новый WebStorm 11 теперь имеет тесную интеграцию TSX с поточной линией. Я пошел туда и обратно между VSC и WS, но в настоящее время я придерживаюсь Webstorm, пока VSC не имеет встроенного уведомления. – pbanka

+0

На самом деле я не использую ни одно из них. VS Code показывает проблему с TypeScript в редакторе без каких-либо из этих задач. Какие дополнительные вещи вы хотите? Мне любопытно. –

15

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

ли VSC поддержка пыление изначально или мне просто нужно опираться на глоток?

Да. VS Code поддерживает листинг с помощью TSLint extension. Нет необходимости в глотке.

шаги для интеграции TSLint в VS кодекс

Первый, установить предпосылки: TSLint и машинопись.

npm install -g tslint typescript 

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

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

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

  1. Открыть код VS в корне вашего проекта.
  2. Откройте командную палитру CTRL +P
  3. ext install tslint.
  4. Выберите «Установить», затем выберите «Включить», и, наконец, перезапустите код VS.

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

TSLint in action in VS Code.

+1

Я бы также добавил, что если используя пользовательский файл tsconfig.json, попробуйте запустить его в консоли (т. е. tslint **/*. ts), чтобы убедиться, что он действительный файл, иначе он не будет работать в VSCode. –

+4

Обратите внимание, что это приведет только к открытому файлу. Чтобы получить полный список в представлении «Проблемы», вам понадобятся еще несколько шагов, которые я написал там: http://michael.laffargue.fr/blog/2016/09/16/vscode-make-vscode-tslint-analyze -Несколько-файлы-проект / –

Смежные вопросы