VSCodeにおいてモジュールのメソッドのサジェストが表示させたい。

Question

###経緯
環境
ツール：VSCode
言語：TypeScript
モジュール：aws-sdk

aws-sdkを使用する際、入力時にメソッドのサジェスト表示をして欲しいのですが、表示されず困っております。
型定義ファイルを調べた所、更新は停止されており、モジュール内の組み込まれているとの記述がありました。
しかし、なんどやってもメソッドのサジェストが表示されません。

例えば下記のようなコード書いています。

export class S3 {
  aws = require("aws-sdk");
  public async get(sku:string):Promise<any>{
  this.aws.config.update(省略);
  const params = {Bucket: '省略',Key: sku + "/"}
  await s3. //<-この部分でメソッドのサジェスト表示をしてほしいです。
  }
}

###質問

1. メソッドのサジェスト表示についてアドバイス頂けませんか？
2. クラス内でモジュールインポートする書き方は正しいでしょうか？それともクラスの外でインポートすべきですか？
3. TypeScriptだとimport { } from "module";の方がいいのでしょうか？

Answer 1

こんにちは

aws-sdk は使ったことがありませんが、以下のような記事をみつけました。（既にお読みになっていたらすみません）

• TypeScriptでask-sdkの型を利用する (WP-Kyotoさん)

型ファイルはask-sdk-modelにまとめられています。GitHubにも公開されていますが、名前が違うので要注意です。
$ npm init -y

$ npm install -D ask-sdk-model

Comments

[yuki_90453]

jun68ykt 様

お世話になっております。
ページのご提案ありがとうございます。
Alexaのモジュールとawsのモジュールも共通部分が多そうなので大変参考になりました。
掲載されているテストコードなど参考に解決方法を探ってみます。

[jun68ykt]

どういたしまして。参考になれば幸いです。

Answer 2

1. メソッドのサジェスト表示についてアドバイス頂けませんか？

すみません、詳しい状況がわからないので可能性と解決案を記載します。

• 実際の型定義がVSCodeから参照できる場所にあるか

　→無い場合は、package.jsonのある場所で npm install または yarn install などで依存パッケージをダウンロードする

• InteliSenseが無効になっている？

　→こちらを参考に設定を確認し、無効になっていれば修正する

• ファイルが多すぎてVSCodeが読み込めていない？

　→VSCodeを開いた時に警告が出るはず。必要に応じて設定を変更。参考： VS Codeの［エクスプローラー］ビューに表示するファイルを制御するには

1. クラス内でモジュールインポートする書き方は正しいでしょうか？それともクラスの外でインポートすべきですか？

import の話であれば、クラス外の先頭に書かなければエラーになると思います。

1. TypeScriptだとimport { } from "module";の方がいいのでしょうか？

こちらのブログが参考になると思います。

Comments

[yuki_90453]

guissy-k 様
回答ありがとうございます。

本質問の解決方としてはrequierではなくimport方式でモジュールをインポートした所正常にサジェストが表示されました。
また、importの順番についてアドバイスありがとうございます。

[guissy-k]

解決されたようで何よりです。