AWS Toolkits for Visual Studio Code (プレビュー)を使ってみました

Last updated at 2018-12-24Posted at 2018-12-04

こんにちは、弊社に入社して3ヵ月の@Kodak_tmoです。
12/22にも記事を書く予定ですが、12/05分が空いていたので、急遽、筆を取ることにしました。

AWS re:Invent2018 終わりましたね。
相変わらず発表されたものが多すぎて、あまり情報を追いきれていないのですが、@izanariさんに進められたのと個人的な興味もあったので、今回発表された「AWS Toolkits for Visual Studio Code (プレビュー)」について書いていきたいと思います。

「AWS Toolkits for Visual Studio Code (プレビュー)」とは？

簡単に言えば、AWS ToolkitsをVisual Studio Code(以降、VSCode)で（プレビュー版だけど）使えるようにしたよ。と言う事。

AWS ToolkitsをVSCodeに入れる事で、VSCode上でAWSの以下機能が使えるようになります。

好みのランタイムで、Lambdaの新規作成が可能。
ローカルでLambdaのデバックが可能。
特定のAWSのリージョンにデプロイが可能。
ローカルやリモートでLambdaを動かせる。
Lambdaを動かすためのイベントソースのサンプルを用意、自身でカスタマイズも可能。

今回の記事では、VSCodeに限定していますが、他にも以下２つのエディターに対して、AWS Toolkitsの対応が行われています。

PyCharm
IntelliJ（プレビュー）

PyCharmにプレビューと書かれていないのは、PyCharmへの対応が先駆けて行われており、今度PyCharmに対応した同様の機能をIntelliJとVSCodeに提供して行くとの事です。

さっそくインストールしてみる

AWS ToolkitsをVSCodeへ入れる方法は、以下GitHub記載の方法で行います。
https://github.com/aws/aws-toolkit-vscode

GitHubからcloneする

git clone https://github.com/aws/aws-toolkit-vscode.git
cd aws-toolkit-vscode

ビルドする

npm install
npm run package

ビルド完了後、vsix拡張子のファイルが作られるので、そのファイルに対してcodeコマンドを実行する

Successfully copied all clientside dependencies.
Created: /tmp/aws-toolkit-vscode/aws-toolkit-vscode-0.0.1.vsix

code --install-extension aws-toolkit-vscode-0.0.1.vsix

補足) codeコマンドって何？（こんなコマンドがあったのかー）

ターミナルからVSCodeを起動させるコマンドです。VSCodeを使ってcodeコマンドのインストールを行います。方法は以下の通り。

VSCodeを立ち上げる。
Command + Shift + Pでコマンドパレット開く。
コマンドパレットに"Shell"と入力して検索。
「シェルコマンド：PATH 内に'code'コマンドをインストールします。」を選択する。

使ってみる

VSCodeの左端にawsのマークが追加された事がわかります。
また、コマンドパレットに"AWS: "と入力すると、現時点で用意されている機能が表示されます。

VSCodeを使ってAWSにログインするには、credentialsとconfigの設定が必要です。
上記コマンドパレットの"AWS: Create Credentials Profile"を選択すれば設定画面(~/.aws/credentialsと~/.aws/configファイルが開く)が出てきます。