VSCode+Python3.10+OpenCV4でファイルから画像を表示する
はじめに
前回はWindows10 64bitの環境にPython3.10とOpenCV4をインストールし、静止画像をファイルから読み込んでOpenCVのウィンドウで表示させることをしてみました。
madai21.hatenablog.com
ですが、このままだとデバッグしづらいので今回はVisual Studio Codeをインストールしてデバッガを入れPythonコードをStep実行できるようにしてみたいと思います。
Visual Studio Codeの導入
前提としてPython3.10とOpenCV4をインストール済みの状態でVisual Studio Codeを導入していきたいと思います。
VisualStudioCodeのインストール
この場所からインストーラーをまずはダウンロードしましょう。
※記事執筆の時点(2021/10/11)でのVisual Studio Codeのバージョンは1.61.0です。
そのバージョンでの内容となります。
code.visualstudio.com
Download for Windowsをクリックするとインストーラーのダウンロードを開始します。
VSCodeUserSetup-x64-1.61.0.exeがダウンロードできると思いますので、それを実行していきます。
起動後の画面で同意するにチェックして次へを押します。
インストール場所に変更なければ次へを押します。
次へを押しましょう。
これもそのまま次へを押します。
インストールを押すとインストール開始します。
完了ボタンを押しましょう。
Visual Studio Codeの設定
Visual Studio Codeが起動すると、まずはこのような画面が表示されていると思います。
赤枠の個所をクリックしましょう。
①の検索窓にpythonと入力すると②が表示されます。
②を選択すると③が表示されますので、これを確認してみましょう。
Step1はPythonがすでにインストール済みなのでスキップします。
Step2をしましょう。
Step2にはVisual Studio Code用のPython Extensionをインストールすると記載されています。
Python Extension Packがそれに該当します。
選択し、installボタンを押しましょう。
インストール完了後にこのような画面に切り替わります。
Select a Python Interepreterを選択します。
すると更にこのような画面に変わるので、Select Python Interepreterを選択します。
その後、上に候補となるPythonのバージョンが表示されるので選択しましょう。
Mark Doneを押します。
これで準備完了です。
Visual Studio CodeでPythonを実行
メニューからFile - Open FileでPythonファイルを選びましょう。
選択するファイルはこの記事で作成したShowImage.pyにします。
madai21.hatenablog.com
ファイルを開くとこのように表示されていると思います。
左下にPythonのバージョンが表示されていますね。
F5で実行してみましょう。
このウィンドウが表示されるはずです。
次は4行目にbreak pointを設定してF5を押してみましょう。
※行の左横にマウスでクリックすると簡単にbreak pointを設定できます。
4行目で一時停止してくれましたね^^
これでステップ実行しながらコードの確認をすることができそうです。