1. ホーム
  2. typescript

[解決済み] Visual Studio コード自動インポート

2022-10-25 13:27:26

質問

WebstormからVisual Studio Codeに移行している最中です。 Webstorm のパフォーマンスはひどいものです。

Visual Studio Codeは、私が必要とする依存関係を見つけ、それをインポートすることにあまり役立っていません。 これまで手動で行ってきましたが、正直なところ、手動で探し回るよりも、Webstorm がインポートを見つけて追加するのを 15 秒待つほうがいいです。

私は @minko-gechev さんの angular2 の種を使用しています。 https://github.com/mgechev/angular2-seed

私のbaseDirには、以下のようなtsconfig.jsonがあります。

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true
  },
  "exclude": [
    "node_modules",
    "dist",
    "typings/index.d.ts",
    "typings/modules",
    "src"
  ],
  "compileOnSave": false
}

で、src/client ディレクトリにもう一つ、次のようなものがあります。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true
  }
}

なぜ2つあるのかわかりません。 angualrのシードプロジェクトではtypescriptのgulpビルドタスクを使用しているので、コンパイルが違うのでしょう。

vscodeがもっと役に立つようにするにはどうしたらいいでしょうか?

どのように解決するのですか?

下記の各種プラグインをインストールすることで、動作するようになりました。

たいていの場合、クラス名を入力すると、勝手にインポートされます。 あるいは、電球が表示され、それをクリックすることもできます。 あるいは F1 と入力して、インポート..."...と入力しても、いろいろなオプションが表示されます。 私はどれも使っています。 また F1 インターフェイスを実装するためのインプリメンテーションは便利ですが、いつもうまくいくわけではありません。

プラグイン一覧

エクステンションのスクリーンショット



* クリックでフル解像度