概要

Visual Studio Code の拡張機能「Remote - Containers」で Deno の開発環境を構築してみました。

marketplace.visualstudio.com

Remote - Containers でDockerfile使った場合の設定方法は以下の記事を参照してください。 kakkoyakakko2.hatenablog.com

Denoとは

deno.land

Node.jsの後継的なもの。
TypeScriptベースでの開発。
import はURL指定に変更。Go言語チックになっています。
ファイルアクセス、ネットアクセスなどの制限が可能

検証環境

Windows 10 Pro
Docker Desktop - 2.2.0.x
Visual Studio Code - 1.45.x
- Remote - Containers - Preview

サンプルソース

.devcontainer\Dockerfile

FROM mcr.microsoft.com/vscode/devcontainers/base:ubuntu-18.04

# user
USER vscode

# install deno
RUN curl -fsSL https://deno.land/x/install/install.sh | sh

# env
ENV DENO_INSTALL /home/vscode/.deno
ENV PATH=$DENO_INSTALL/bin:$PATH

.devcontainer\devcontainer.json

{
  "name": "Deno Sample",
  "dockerFile": "Dockerfile",
  "appPort": [8080],
  "remoteUser": "vscode",
  "settings": {
    "terminal.integrated.shell.linux": "/bin/bash"
  },
  "extensions": [
  ]
}

main.ts

import { serve } from "https://deno.land/std@0.50.0/http/server.ts";
for await (const req of serve({ port: 8080 })) {
  req.respond({ body: "Hello World\n" });
}