web-dev-qa-db-ja.com

Visual Studio 2015/2017のTSLint？

私の組織では、TypeScriptコードの品質チェックに TSLint をかなり多用しており、貴重なサービスを提供しています。ただし、メインのIDEとしてVisualStudio 2015および2017を使用し、リンティング結果を取得する唯一の方法は、出力をTask RunnerExplorerコンソールに出力するgulp/gruntタスクを実行することです。それは機能しますが、遅く、最高の開発体験ではありません。

私自身の小さなプロジェクトでは、VSCodeを使用しました。VSCodeは 素晴らしいTSLintプラグイン を使用しており、これにより違反が発生したときにリンティング違反が強調表示され、一部のTSLintルールが持つ自動修正機能にアクセスできます。このような：

VSCode TSLint example

Visual Studio 2015/2017でこれと同じ機能を取得することは可能ですか？TypeScriptコードを作成するとき、即座のフィードバックは命の恩人です。

visual-studiotypescripttslint
13
CBarr

これは1日か2日でコーディングしたものです（数年間C＃で作業していないことに注意してください）。

https://github.com/vladeck/TSLint

これは、インストールされているものに基づいて、エディターで.tsコードをマークできる（うまくいけば）価値のあるVisual Studio 2017拡張機能の始まりです。 tslintおよびtslint.json構成。

まだマーケットプレイスで公開されていませんが（コーディングはもっとたくさんあります）、自分でダウンロードしてビルドすることができます。時間があれば、試してみてください。より多くの人が試してみるほど、価値のあるものにするために必要なデータが増えます。

4
vladeck

@Hermann Gruberが述べたように、Visual Studio 2015では Mads KristensenのWebアナライザー拡張機能 は、必要な種類のTSLintのサポートを提供します。

Visual Studio 2017および2019では、Madsの拡張機能を個人的にアップグレードし、TSLintのみをサポートするため、ブランド名を 'TypeScript Analyzer' に変更しました。これは、VisualStudioの拡張機能および更新ギャラリーの[TypeScriptアナライザー]で利用できます。

10
Rich N

これは、Visual Studio開発者コミュニティの問題として報告されています。 https://developercommunity.visualstudio.com/content/problem/22907/please-support-tslint-as-how-its-supported-in-vs-c.html

ステータスは「トリアージ済み」なので、同等の機能は（まだ）利用できないと思います。 VS開発チームがもっと注目を集めるために、この問題に賛成することをお勧めします。

EDIT：次の質問にあるように、ビジュアルスタジオプラグイン webアナライザー は、VS 2015でtslintのサポートを提供します（ただし、 VS 2017）：

VS2017のTSLintを設定

2
Hermann.Gruber

TypeScript 3.0以降を使用している場合は、tsconfigファイルにtslintプラグインを追加するだけでよいようです。インストールTypeScript-tslint-plugin以下。VisualStudioを再起動する必要がある場合があります（または単にすべてのファイルを閉じて再度開く）。

https://github.com/Microsoft/TypeScript-tslint-plugin

最初

npm install --save-dev TypeScript-tslint-plugin

その後

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "TypeScript-tslint-plugin"
      }
    ]
  }
}
0
Matthew Ellison