awn-git/memo_vscode.md

## memo_vscode.md

      
    Raw
  

              memo_vscode.md
            
          
    VS Codeの覚書

Markdownのプレビューコマンド

以下の通りにキーバインドされている。
{ "key": "shift+cmd+v",
  "command": "markdown.showPreview",

pwdでtreeしたの図

bash-3.2$ tree -a
.
|-- .vscode
|   |-- launch.json
|   `-- tasks.json
|-- README.md
|-- dest
|   |-- test.js
|   `-- test.js.map
|-- index.html
|-- src
|   `-- test.ts
`-- tsconfig.json

.vscodeに配置するjsonファイル


tasks.json
launch.json

tsconfig.jsonについて

これは何？

tsc(typescriptのトランスパイラ)に喰わせるオプションファイル
作り方

表示＞統合ターミナルでbashを開き、そこからtsc --initでpwdにtsconfig.jsonを吐く
--init
  Initializes a TypeScript project and creates a tsconfig.jso
n file.

デフォルトの値
{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false
    }
}

個人的に設定した例
{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "sourceMap": true,
        "outDir": "dest"
    },
    "include": [
        "src/*"
    ]
}

パラメーター、何を設定すれば良いの？

http://www.typescriptlang.org/docs/handbook/compiler-options.html に書いてある。
targetは"es6"じゃなくて"ES6"？

前掲のcompiler-options.htmlより引用。
大文字の場合、下記のデフォルトライブラリがinjectされる。
試してみたところ小文字でも同じっぽい。
Note: If --lib is not specified a default library is injected. The default library injected is:
► For --target ES5: DOM,ES5,ScriptHost
► For --target ES6: DOM,ES6,DOM.Iterable,ScriptHost

配置場所

.vscodeの中ではなく、(プロジェクト)フォルダの直下。
ここじゃなくても良いのかもしれないが、
tscが読み込める場所であれば良いのだろう。
注意点

tasks.jsonのなかで  "args": ["-p","."]の設定をしていないと、tscがtsconfig.jsonを認識してくれない模様。
-p DIRECTORY, --project DIRECTORY
  Compile the project in the given directory.

launch.jsonについて

これは何？

デバッガでデバッグするときの構成ファイル。
debugger for chromeが動かない。止まる。

chromeを完全に終了させてから、デバッガを実行。
すると、chromeが勝手に起動してVS Codeからデバッグが可能となる。
デバッガが正しく動くと舌のステータスバーが茶色(オレンジ?)になる。