LoginSignup
11
6

More than 3 years have passed since last update.

VS CodeでJupyter Notebookを扱う方法(インストール + 使用方法 + 便利機能)

Posted at

はじめに

先日、VS CodeからJupyter Notebookが扱えるようになりましたので、その方法を記載しています。

Working with Jupyter Notebooks in Visual Studio Code
https://code.visualstudio.com/docs/python/jupyter-support

準備

Pythonエクステンションのインストールが必要です。
左側のExtensionsアイコンを選択し、検索ボックスにpythonと入力し、Microsoftが提供しているPythonを選択し、Installを押します。
(私の場合はインストール済みなので画面上はUninstallと表示されていますが、インストールされていない方はここがInstallになっています)

image.png

既存のipynbを開く

ipynbファイルを開くだけです。
これでJupyter Notebookと同じ操作ができます。

image.png

新規にipynbを作成する

VS Code上からNew Fileを選択し、ファイルの拡張子をipynbにするだけです。

image.png

便利な機能

変数の中身の表示

セルを実行後に、変数の中身を表示することができます。
表示方法は、セルを実行したあと、画面上部の赤枠をクリックするだけです。

image.png

デバッグ

デバッグもできますが、Pythonファイルとしてエクスポートする必要があるのでちょっと面倒です。
まず画面上部の赤枠をクリックします。

image.png

Pythonファイルとしてエクスポートされた画面が表示されます。
この画面で、Command Palette (⇧⌘P) からPython: Debug Current File in Python Interactive Windowを選択してください。

image.png

ファイル保存を求めるポップアップが表示されますので適当な名前で保存してください。
その後、以下の画面が表示されます。
画面上部の赤枠(Disconnect)をクリックしてください。

image.png

次に適当なところにブレークポイントを設定します。
そして画面上部の赤枠をクリックしてください。

image.png

あとはいつも通りのデバッグができます。

image.png

ショートカットキー

ざっと試したところJupyter Notebookでよく使うようなショートカットキーも使えますし、もちろんマークダウン表記もできました。

image.png

グラフ描画

もちろんグラフも描画できました。

image.png

11
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
6