1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

VSCodeでDenoをTypeScriptで厳格な型チェックを行いデバッグする設定

Last updated at Posted at 2023-09-18

前提

・nodeがインストールされている
・TypeScriptがグローバルインストールされている

フォルダ構成

MY-PROJECT
├─ sample.ts
├─ tsconfig.json
└─ .vscode
  ├─ launch.json
  ├─ settings.json
  └─ tasks.json

tsconfig.json
{
  //コンパイルオプション
  "compilerOptions": {
    //厳格なチェックを行う(省略値はfalse)
    "strict": true,
    //暗黙のany型の使用を許可したい時falseとする(strict=trueの時の省略値はtrueのため)
    "noImplicitAny": true,
    //JavaScriptファイルを作成しない(コンパイルチェックのみ行いたい時true)
    "noEmit": true
  }
}
launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      //debugの名称(任意)デバッグ開始ボタンのプルダウンメニューの選択肢に表示される
      "name": "Deno",
      "type": "pwa-node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "runtimeExecutable": "deno",
      "runtimeArgs": ["run", "--unstable", "--inspect-brk", "-A", "${file}"],
      //tasks.jsonで定義したtaskにリンクする
      //デバッグ実行時のコンパイルチェックが重いときはコメントアウト
      //そのかわりコンパイルチェックは自前でコマンドラインでtscコマンドで実行する
      "preLaunchTask": "Compile TypeScript",
      "attachSimplePort": 9229
    }
  ]
}
settings.json
{
  "deno.enable": true,
  "deno.lint": true,
  "deno.unstable": true
}
tasks.json
{
  "version": "2.0.0",
  "tasks": [
    {
      //taskの名称(任意)launch.jsonなどからこの名称を使ってリンクさせる
      "label": "Compile TypeScript",
      "type": "shell",
      "command": "tsc",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}
sample.ts
const keyArray = ["a", "b", "c", "d", "e"];
const valueArray = [1, 2, 3, 4, 5];
const json: any  = {};  //"noImplicitAny": false とすればanyは省略可能

valueArray.forEach((item, index) => {
  json[keyArray[index]] = item;
});

console.log(json); //{a: 1, b: 2, c: 3, d: 4, e: 5}
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?