"BOKU"のITな日常

還暦越えの文系システムエンジニアの”BOKU”は新しいことが大好きです。

Python3の開発・デバッグにVisual Studio Codeを利用する:Windows10・Anaconda

pythonの開発環境を「Visual Studio Code」(以後、VsCode)に変更します。

まずはダウンロード・インストールと最低限のカスタマイズを行い、pythonスクリプトの実行とデバッグの方法と手順を確認していきます。

f:id:arakan_no_boku:20190425233546j:plain

 

前提の説明

 

OSは、Windows10です。

Anaconda(python3)はインストール済であることを前提にしてます。

自分の環境では、「conda create」でいくつかの仮想環境を作り、切り替えながらやっていますので、以後の内容にも「仮想環境」を選択するくだりがあります。

ただ、別に仮想環境が必須というわけではありません。

でも、Anacondaのインストールは必要なので、まだの場合は、以下のページなどを参考にして、インストールしておきます。

weblabo.oscasierra.net

なお、今はAnacondaをインストールする場合は、途中でVsCodeをインストールするか聞いてくるらしいので、続きでやっても良いのであれば、次のダウンロードの手順とかは必要ないかと思います。

 

ダウンロード&インストール

 

こちらからダウンロードします。

code.visualstudio.com

選択肢が3つあります。

  • User Installer :インストールしたユーザのみ利用できる。
  • System Installer :PCを使う全ユーザが利用できる。管理者権限要。
  • .zip :解凍のみで利用できる。ただし、自動アップデートの対象外になる。

今回は、PCを家族で共用する可能性もあるので、User Installerにしときます。

ダウンロードしたSetup.exeを実行し、指示に従ってインストールします。

特に悩むところはないと思います。

 

まずは基本設定(日本語化含む)から

 

Extentions(左の白枠)を選択して、Japanese Packがインストールされているのを確認します。

f:id:arakan_no_boku:20190426003718j:plain

あれば、「Ctrl + Shift + p」を押すか、右クリックメニュー「コマンドパレット」で、コマンドパレットを表示して、「Configure Display Language」を選びます。

f:id:arakan_no_boku:20190426004222j:plain

そしたら、選択肢がでてくるので、そこで「ja」を選べばよいです。

VsCodeが再起動して、日本語に変わります。

 

Python用のエクステンション

 

Pythonの開発には以下の2つのExtentionをインストールする必要があります。

  • Anaconda Extention Pack
  • Python

ただ、AnacondaをインストールしてからVsCodeをインストールしていると上記のように上記2つは、勝手にインストール済になってるはずです。

もし、なければ拡張機能(左の四角いアイコン)でウインドウを開き、「Marketpalceで拡張機能を検索する」のところに、「Py」とか「Anaconda」と入力すると、候補としてでてくるので、インストールボタンを押して、インストールします。

f:id:arakan_no_boku:20190427085559j:plain

最低限の環境設定はこれだけです。 

 

スタイルチェッカーをPEP8にする

 

ほぼ、デフォルトでそう困らないですけど、スタイルチェックだけ変更します。 

ファイル>基本設定>設定 で設定画面を開き「ワークスペースの設定」タブをアクティブにして検索ボックスに「pep8」と入力します。

それで表示された中から、pythonの「linting:pep8Enabled」をみつけて、チェック(TRUE)にします。

f:id:arakan_no_boku:20190426222220j:plain

そうすると、pylintやpep8をインストールするかときいてくるので、両方ともインストールします。 

pep8はpython標準のコーディングスタイル規約です。

この設定変更は、以下の記事で紹介しているのと同じことを、VsCodeでもやろうとしてるだけです。

arakan-pgm-ai.hatenablog.com

フォーマッタは、あまり気にしてません。

以下のコマンドを参照できるところに書いておいて、コピーしてターミナルにはりつけて、対象ファイルを指定して実行すれば良いだけなので、VsCodeの設定をいじくって試行錯誤するより、そちらを選んでしまってます。

autopep8 --in-place --aggressive --aggressive

こんな感じ。

f:id:arakan_no_boku:20190427010658j:plain

 

実行して動作確認する

 

フォルダを開くで、作業用フォルダを開きます。

f:id:arakan_no_boku:20190426214746j:plain

Ctrl+Shift+P でコマンドパレットを表示して、「Pythonインタプリターを選択」を選び、表示される選択肢からアクティブにする「環境(仮想環境)」を選びます。

ファイル>新規ファイル作成で、何かPythonのソースを書いて、何かスクリプトを動かしてみます。

いちいち入力するのも面倒なので、今回は、こちらの記事で紹介した「C曲線」を描くソースをコピペしました。

arakan-pgm-ai.hatenablog.com

ファイル>新規ファイルを開き、上記記事から「C曲線」のソースをコピペして、適当な名前をつけて保存します。

そして、ソースコード上で右クリックして「ターミナルでPythonファイルを実行」を選びます。
f:id:arakan_no_boku:20190426225001j:plain

そしたら。

f:id:arakan_no_boku:20190426225152j:plain

よしよし。

ここまではOKですね。

 

デバッグをする

 

上記のソースでブレイクポイントを設定して、ステップ実行だけやってみます。

ソースを開いて、ブレイクポイントを置きたい行を選択して「F9」キーを押します。

そうすると、こんな感じでブレイクポイントに赤い〇がつきます。

f:id:arakan_no_boku:20190427011504j:plain

あとはメニューから「デバッグの開始」を選びます。

そうすると、選択リストがでてきます。

ここでは「Python File」 というのを選びます。

f:id:arakan_no_boku:20190427011724j:plain

すると実行されて、ブレイクポイントで止まります。

f:id:arakan_no_boku:20190427012016j:plain

あとは、上のアイコンで少しずつ実行して、変数などの変化を確認していけば良いというわけです。

ちなみに、アイコンですが。

f:id:arakan_no_boku:20190427012235j:plain

左から。

  • 続行
  • ステップオーバー
  • ステップイン
  • ステップアウト
  • 再起動
  • 停止

となっています。

いい感じですね。

今回はここまでとしときます。