Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Visual Studio Code でプログラムをデバッグしよう!

294 views

Published on

Visual Stusio Code でプログラムをデバッグしよう!

Published in: Software
  • Be the first to comment

  • Be the first to like this

Visual Studio Code でプログラムをデバッグしよう!

  1. 1. / 54 Visual Studio Code で プログラムをデバッグしよう! ~インストールからデバッグまで~ 1 CROSS-PLATFORM DEVELOPERS COMMUNITY 2019年12月02日 石崎 充良
  2. 2. / 54 自己紹介 石崎 充良 ( @mishi_cs ) イメージ情報システム株式会社 スーパーエンジニア Microsoft MVP for Developer Technologies 言語: C# XAML 活動: ・C# もくもく会 (connpass) ・城東.NET (connpass) ・C# Tokyo (connpass) 2
  3. 3. / 54 名言 良いアウトプットは 良い定時退社から生まれる 3
  4. 4. / 54 Visual Studio Code とは 4
  5. 5. / 54 Visual Studio Code とは •マルチプラットフォーム •テキストエディタ •豊富な拡張機能 •多彩なプログラミング言語に対応 •とてもとても人気 •歴史は難しいので最初は気にしないで 5
  6. 6. / 54 アンインストール 6
  7. 7. / 54 行儀の良いアンインストール •Windows の場合、普通に設定から •mac の場合、普通にアプリケーションフォルダからごみ箱に入れる 7
  8. 8. / 54 インストール 8
  9. 9. / 54 普通にダウンロード 9https://code.visualstudio.com/download
  10. 10. / 54 アプリケーションフォルダにドロップ mac の場合。Windows はダブルクリックして普通にインストーラに従うだけ。 10 ダブル クリック ドラッグ アンド ドロップ
  11. 11. / 54 インターネットからダウンロードされた~ 開く・許可など。 11
  12. 12. / 54 アイコンから起動 12
  13. 13. / 54 .NET Core の インストール 13
  14. 14. / 54 C# 開発の SDK •Visual Studio Code はエディタ •開発 SDK は別途インストールが必要 14
  15. 15. / 54 ダウンロード 15https://dotnet.microsoft.com/download
  16. 16. / 54 インストール確認 ターミナルまたは端末またはコマンド プロンプトなど 16 $ dotnet –info 3.0.100 [/usr/local/share/dotnet/sdk]
  17. 17. / 54 左のアイコン 17
  18. 18. / 54 エクスプローラー 18
  19. 19. / 54 検索 19
  20. 20. / 54 ソース管理 20
  21. 21. / 54 デバッグ 21
  22. 22. / 54 Extensions 22
  23. 23. / 54 Live Share 23
  24. 24. / 54 今日のところは 24 エクスプローラ デバッグ
  25. 25. / 54 その他の機能 呼び出し 25
  26. 26. / 54 コマンド パレット mac:[Command]+[Shift]+[P] Windows:[Ctrl]+[Shift]+[P] 26
  27. 27. / 54 ターミナル 27
  28. 28. / 54 拡張機能の インストール 28
  29. 29. / 54 C# 拡張機能 29
  30. 30. / 54 C# プロジェクト作成 30
  31. 31. / 54 dotnet new console 31 “dotnet new” コマンドで現在の ディレクトリにプロジェクトを作る “console” はプロジェクトテンプレートの 指定(コンソールアプリを作る)
  32. 32. / 54 コマンド パレットから開く mac:[Command]+[Shift]+[P] Windows:[Ctrl]+[Shift]+[P] 32
  33. 33. / 54 エクスプローラー 33
  34. 34. / 54 Program.cs 34
  35. 35. / 54 デバッグ実行 35
  36. 36. / 54 デバッグ実行 36
  37. 37. / 54 .NET Core 37
  38. 38. / 54 構成の追加 38
  39. 39. / 54 “Program:” 39 “nc.dll” の “nc” はプロジェクト名
  40. 40. / 54 デバッグ 40
  41. 41. / 54 ブレークポイント 41
  42. 42. / 54 ブレークポイント 42
  43. 43. / 54 デバッグ実行中に一時停止 43 ここで一時停止している
  44. 44. / 54 一時停止中の操作 44 続行 ステップ オーバー ステップイン ステップ アウト 再起動 停止
  45. 45. / 54 一時停止中は変数の値を確認できる 45 ソースコード上で マウスホバー
  46. 46. / 54 プログラム コードを 書く 46
  47. 47. / 54 コード補間 47 途中まで入力すると、 続くであろう候補を出してくれる
  48. 48. / 54 情報の表示 48 マウスホバーで型推論の内容 や型の情報が表示される
  49. 49. / 54 ソースコードの フォーマット 49
  50. 50. / 54 コマンドパレット 50 書き出しの位置がずれている
  51. 51. / 54 調整してくれる 51 書き出しの位置を調整してくれる
  52. 52. / 54 便利な設定 52
  53. 53. / 54 コマンドから起動 53 $ code ターミナルからコマンドで起動できるようになる $ code . 引数で開くパスを指定できる。 “.” で現在のディレクトリを開いた状態で起動
  54. 54. / 54 さあ、やってみよう! 54

×