Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

VS Code の Python 開発に便利なプラグイン追加のドキュメントを追加 #11

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added source/ide/images/plugin01.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/ide/images/plugin02.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/ide/images/plugin03.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/ide/images/plugin04.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions source/ide/vscode-plugin-for-python.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# VS Code の Python 開発に便利な拡張機能を追加

VS Code のインストールが出来たら次は Python 開発に便利な拡張機能の紹介とその追加方法を解説します。

## Python 開発に便利な拡張機能「Python」

Python 開発に便利な拡張機能は様々なものが存在しますが、最低限「Python」という名前の拡張機能を追加すると良いでしょう。

- [Python - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=ms-python.python)

この拡張機能を追加することによって、VS Code で Python のコードを書く際により多くの支援が受けられるようになります。
いくつか例を挙げると次のものがあります。

- より強力なコード補完
- 主要なフレームワーク向けのデバッグ設定の利用
- コードチェックツールの実行
- テストコード実行
- デバッグや
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「や」が余分?
他のことを追記したかった?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

+1

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

これは最初1文で書いていたものをリスト化した際の消し忘れですね... 直します。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

こちらで修正しました 0d0523a

- VS Code 内での Jupyter Notebook の実行

また、拡張機能「Python」を追加すると「[Jupyter](https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter)」「[Pylance](https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance)」という拡張機能も同時に追加されます。これらも「Python」同様に Python のコードを書く際に強力な支援が受けられるようになるものです。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

その2つってなんなの?って思いそうなので、簡単な説明があるとうれしいかな。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

それぞれの説明と、確認したところ Jupyter にはさらに依存で入るプラグインもあったため、それらの説明も入れました。
7ae0792


## Python (VS Code プラグイン)の追加方法

はじめに VS Code の左側メニューにある「拡張機能」ボタンをクリックします

![VS Code の「拡張機能」ボタンをクリック](images/plugin01.png)
_VS Code の「拡張機能」ボタンをクリック_

拡張機能一覧が現れるので、検索ボックスに 「Python」と入力します。

![Python」で拡張機能を検索する](images/plugin02.png)
_「Python」で拡張機能を検索する_

拡張機能 Python の「インストール」ボタンをクリックします。ボタンは2か所ありますが、どちらをクリックしても構いません。

![拡張機能「Python」をインストール](images/plugin03.png)
_拡張機能「Python」をインストール_

拡張機能「Python」と、それに関連する「Jupyter」「Pylance」等の拡張機能も同時に追加されます。

![「Python」が追加出来た状態の拡張機能一覧](images/plugin06.png)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

画像のリンクが切れている?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

参照している画像ファイル名が間違ってそうでした... 🙈

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

こちらで修正しました 0d0523a

_「Python」が追加出来た状態の拡張機能一覧_

以上で拡張機能「Python」の追加は完了です。