[Angular]Windows開発環境作成

※windows10

■node/angularインストール
1.node.jsをインストール

node -v

2.angular-cliインストール　※linuxと同様

npm install -g angular-cli

3.angularプロジェクト作成　※linuxと同様

ng new test

4.angular実行

ng serve --open

■デバッグ

1.VS codeをインストール

2.Extensionのangular essentialsをインストール

3.作成したangularプロジェクトをOpen

4.launch.jsonを作成する

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome",
      "url": "http://localhost:4200",
      "webRoot": "${workspaceRoot}",
      "sourceMaps": true,
      "userDataDir": "${workspaceRoot}/.vscode/chrome",
      "runtimeArgs": [
        "--disable-session-crashed-bubble"
      ]
    },
    {
      "name": "Attach Chrome",
      "type": "chrome",
      "request": "attach",
      "url": "http://localhost:4200",
      "port": 9222,
      "webRoot": "${workspaceRoot}",
      "sourceMaps": true
    }
  ]
}

5.ng serveを実行
6.VS codeから実行

これでVSCode上でブレイクポイントも張れます