IBM Cloud 開発環境を整えるその３

IBM Cloud 開発環境を整えるその３

■ デバッグ環境の設定

Visual Studio CodeでBasicをデバッグするためには、.NET Core Debugger(vsdbg)をインストールする必要があります。
C# For Visual Studio Codeをインストールすると、.NET Core Debuggerがインストールされます。

![Ex-24.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/79f1326a-ebad-8fcd-6ab2-26b6b90cba7a.jpeg)
Visual Studio Codeの拡張機能ボタンを押下すると拡張機能の推奨アプリが一覧で表示されます。
先頭のC#をインストールします。
※1　残念ながら、.NET Core Debuggerのみのインストーラーがありません。

![Ex-25.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/6b160459-c2a6-4d7e-24b9-9b7a1bd7b18e.jpeg)
インストール後、拡張機能にC#が追加されました。

エクスプローラーボタンを押下します。
前回作成したHello Worldプロジェクトをデバッグ対象とします。
![Ex-26.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/5ff7ea31-cb4c-eb88-8efc-1ac74b2771ec.jpeg)

デバッグボタンを押下します。
![Ex-27.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/4b2819eb-604a-5523-6a02-c980a7a2a30a.jpeg)

デバッグの構成がありませんと表示されます。
![Ex-28.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/4b96ff87-7dc8-acfc-7740-74a4e6771dd7.jpeg)

Visual Studio CodeはVisual Studio2017等と違い、デバッグの構成を手動で設定する必要があります。
このあたり面倒と感じるかもしれません。
しかし、自動で何をやっているかわからないで開発ツールを使用するより、手動で設定するわくわく感を感じませんか？

![Ex-29.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/9cb2f9b6-f119-2ce1-5e4a-92c0f35d6a87.jpeg)
構成がありませんの▽ボタンを押下するとリスト表示され、最下部に「構成の追加...」が表示されますので、構成の追加を選択します。

![Ex-30.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/3b9b7cf3-a489-6116-4c0a-aa5206a9316b.jpeg)


構成の追加のリストに「.NET Core」が表示されています。
これは、C#の機能追加によって追加されています。
.NET Coreを選択します。

![Ex-31.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/3afd35e3-12d4-e14f-e770-978b289effb5.jpeg)

launch.jsonファイルがHello Worldディレクトリの.vscodeディレクトリに追加されます。
このlaunch.jsonファイルがデバッグの設定ファイルとなります。

)![Ex-32.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/a1f55d77-36a8-4868-b6d5-b111d0a00606.jpeg)

緑三角ボタン（開始ボタン）の▽をクリックして表示されるリストは、.NET Core Launch(console)/.NET Core Launch(web)/.NET Core Attachが出力されようになります.
デバッグの方法が３種類あることになります。

これに対応して、launch.jsonも3つのセクションから構成されています。

①.NET Core Launch(console)セクション
![Ex-33.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/56e86e6e-4bb6-491d-4944-bff3021dcf5c.jpeg)

②.NET Core Launch(web)セクション
![Ex-34.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/b97753de-4102-e83a-ad14-6fbf5fb15dbc.jpeg)

③.NET Core Attachセクション
![Ex-35.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/ca77211b-edde-177f-4e6e-4a87bc01ec97.jpeg)

現在のlaunch.jsonはテンプレートのデフォルト状態です。
デバッグを実行するためには、修正する必要があります。

[launch.json修正内容]
①13行目/25行目 \<insert-target-framework-here> → netcoreapp2.0に修正します。
②13行目/25行目 \<insert-project-name-here>     → HolloWorldに修正します。

launch.jsonを閉じます。
下記、○をクリックします。
![Ex-36.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/dc87f582-84be-abf8-cddf-dcd43f46667f.jpeg)


![Ex-37.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/97a9e415-605a-3acd-a4f2-f2119d50710f.jpeg)

保存ボタンを押下して、launch.jsonを保存します。

デバッグを開始する前に、ターミナルウィンドウをデバッグコンソールに切り替えます。
![Ex-38.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/dcf99da9-f868-a425-251b-08b014156e4f.jpeg)
ターミナルウィンドウのデバッグコンソールを選択します。

緑三角ボタン（開始ボタン）をクリックします。
![Ex-39.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/f0702678-b138-b45d-e99b-1e171408334b.jpeg)

下記のようなエラーメッセージが出力されます。
![Ex-40.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/02c7aaa6-6c03-99e6-6614-f1f4e49a24a7.jpeg)
これは、Task.jsonファイルがないために出力されています。
エラーメッセージのタスクの構成ボタンを押下します。

コマンドパレットに「テンプレートからtask.jsonを生成」が表示されますので、表示されたリストを選択します。
![Ex-41.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/e902463e-c6a9-1fcb-779b-4756bc158a48.jpeg)
選択するとさらに実行する詳細なタスクのリストが表示されます。
![Ex-42.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/f55289cd-b749-f430-c5b8-f852868cd884.jpeg)
ターゲットタスクは、.NET Coreのビルドコマンドの実行です。
.NET Coreビルドコマンドの実行を選択します。

task.jsonが作成されます。
![Ex-43.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/ee9fdb19-b396-600f-864d-9b1b96452801.jpeg)

再び緑三角ボタン（開始ボタン）をクリックします。
![Ex-39.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/f0702678-b138-b45d-e99b-1e171408334b.jpeg)

デバッグコンソールに下記のように「Hollo World！」が表示されれば、ブレークポイント無のデバッグが完了しました。

![Ex-44.jpg](https://qiita-image-store.s3.amazonaws.com/0/239597/eb38464d-7419-7700-e393-f424f5ec330e.jpeg)

今回はたくさんやることがありました。
デバッグの設定ファイルは、launch.jsonとtask.jsonを修正することがポイントです。
次回はブレークポイントをやります。

以上、おそまつ