Deno on VSCode

f:id:Naotsugu:20200622193551p:plain


はじめに

前回

blog1.mammb.com

で Deno を使った TypeScript の始め方について紹介しました。

TypeScript なので VSCode を使うことが多いと思いますが、そのままだとエディタ上でエラー表示されます。

f:id:Naotsugu:20200622191115p:plain

最初のエラーは、インポートパスに対するもので、Deno ではインポートを URL 形式で書くことができますが、VSCode ではエラーとなります。

また、Deno ではトップレベル await が使えますが、こちらもエラー表示となっています。


VSCode Deno extension

⌘(Command)+Shift+X で Extensions を開き Deno 拡張をインストールします(Windows の場合は Ctrl+Shift+X)。

f:id:Naotsugu:20200622191129p:plain


インストール後は以下のようにエラー表示が解消されます。

f:id:Naotsugu:20200622191144p:plain