20 Best Extensions That Make VSCode Super Specialize In Python

Python

この記事の最終更新日: 2021年2月8日

20 Best Extensions That Make VSCode Super Specialize In Python

I recommend 20 extensions for VScode.

They definitely make your development smoothly and fantastic.

7 extensions for Visual

7 extensions for Visual

1. indent-rainbow

indent-rainbow vscode
intdent-rainbow vscode
インデント(段落)が色分けされたコード
Indent-rainbow

・indent-rainbowを入れることで、インデントが階層別に色分けされます。
・Pythonは余計なスペース(空白)で少しでもずれてしまうと、エラーになります。
→indent-rainbowを入れることでインデントを視覚的に見やすくなり、ミスを防ぐことができます。

2. Material Icon Theme

Material Icon Theme vscode 拡張
Material Icon Theme vscode 拡張
Material Icon Theme
アイコンのサンプル。
Material Icon Theme

・Material Icon Themeを入れることで、味気なかったファイルやフォルダのアイコンが変化します
・VSCodeのデフォルトアイコンは味気なく、違いを識別しにくい場合があります。
Material Icon Themeを入れることで、ファイルやフォルダを識別しやすくなります。

3. ZenKaku

ZenKaku
ZenKaku
全角スペースがグレーで表示される。
Zenkaku

・Zenkakuを入れることで、全角スペースがグレーで表示されるようになります。
・Pythonは言語の特徴上、半角スペースやtabが入り混じる言語です。
 さらに、少しのインデントのズレでエラーが発生してしまいます。
Zenkakuを入れることで、意図しない全角スペースの存在によるエラーを防ぐことができます。

4. Better Comments

コメントが重要度と種類によって色分けされる。
Better Comments

・Better Commetsを入れることで、コメントを重要度と種類によって色分けすることができます。
・コメント直後の半角記号か文字列によって色の指定ができます。

!: 赤色 ? : 青色 * : 黄緑 TODO: : オレンジ

→Better Commentsを入れることで、コメントの管理と識別がしやすくなります

5. Trailing Spaces

Trailing Spaces

・Trailing Spacesを入れることで、コード末尾の余計なスペースが赤字で表示されソースを綺麗に保つことができます。

6. GitHub Theme

GitHub Theme

・GitHubThemeを入れることで、VSCode全体のテーマを変更することができます。
・近年大流行しているGitHubの公式テーマで、定評のある配色のテーマになります。
次に紹介するNight owlと同様にオススメのテーマです。気に入った方を使いましょう。

7. Night owl

Night Owl

・Night Owlを入れることで、VSCode全体のテーマを変更することができます。
・目に優しいデザインを追求され、長時間の作業でも目が疲れにくいオススメのテーマです。
上記のGitHub Themeと比べて、気に入った方を使いましょう。

1 extension for format

1 extension for format


1. Python Indent

画像に alt 属性が指定されていません。ファイル名: demo.gif
画像に alt 属性が指定されていません。ファイル名: スクリーンショット-2020-10-23-23.24.34.png
python Indentなし
Python Indentあり
Python Indent

・Python Indentを入れることで、Pythonインデントの精度が格段に上がります。
・引数をカンマ区切りで入力する際などに、自動で綺麗にインデントを付けてくれます。
Python Indentを入れることで、インデントを整形する時間が短縮され、作業効率を上げることができます。

3 extensions for auto fill in

1. TabNine

TabNine

・TabNineを入れると、予測変換の一番上に、機械学習を使用した適切な補完候補が表示されるようになります。
・開発が大規模になればなるほど、予測変換の精度も上がってくると予想されます。
TabNineの予測変換を活用することで、作業効率を上げることができます。

2. Python Docstring Generator

Auto Generate Docstrings
Python Docstring Generator

・Docstring Generatorを入れると、関数やクラス用のコメントのフォーマットを自動作成してくれます。
クラスや関数のコメントが付いた、品質の高いソースコードを効率的に書くことができます。

3. Pylance

pylance vscode 拡張 プラグイン
Pylance

Pylanceは、Microsoftから2020年夏にリリースされた、最新のPython用言語サーバです。
・設定で、python.analysis.typeCheckingModeをbasicまたはstrictに設定すると型チェックを利用できます。
Pylanceを入れることで、型チェックやライブラリが大幅にグレードアップされます。

3 extensions for other programming language

vscode プラグイン

1. Auto Rename Tag

vscode プラグイン auto rename tag
Usage vscode auto rename tag 拡張機能
開始タグの修正と連動して、終了タグも変更できる。
Auto Rename Tag

Auto Rename Tagは、html、xml、 php、javascriptなどのタグを変更しやすくします。

開始タグと終了タグの修正が連動するようになり、変更が容易になります。

Auto Rename Tagを入れることで、作業時間が短縮されます。

2. Highlight Matching Tag

demo
Highlight Matching Tag

・Highlight Matching Tagは、タグを視覚的に見やすくします。
・タグを選択すると、開始と終了タグにアンダーラインが引かれます。
Highlight Matching Tagを入れることで、ミスが減り、作業効率も上がります。

3. Prettier – Code formatter

Prettier – Code formatter

・Prettierは、ソースコードを自動で綺麗に整形してくれます。
・設定で、保存時に毎回自動でソースコードを整えるようにようにしておきましょう

対応言語
JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

→Prettierを入れることで、自分で整形する時間が減ります。さらにコードの品質も上がります。

5 core extensions

1. Python

Python

これが無ければ始まりません。
この拡張機能を入れて、VSCodeでPythonを使えるようにしておきましょう。

2. Code Runner

Usage
Code Rnner

・Code Runnerを入れると、VisualStudioCode上で、いつでも簡単にコードを走らせるようになります。
・デバッグに非常に便利で、毎回別ウィンドウでコンソール(ターミナル)を開く必要が無くなります。
→Code Runnerを入れることで、簡単なテストや実行確認を行うことができるようになります。

3. Python Test Explorer for Visual Studio Code

Python Test Explorer

・Python Test Explorerを入れると、pythonテストコードを使ったテストをサポートしてくれます。
テストコードとは単体テスト(ユニットテスト)専用の、関数やクラスの引数を自在に設定できるコードです。
Python Test Explorerを入れることで、効率的にテストを実施できるようになります。

4. Python Preview

Preview
Setting
Python Preview

・Python Previewを入れると、変数や配列の中身などを、視覚的に簡単に確認できるようになります。
・別ウィンドウでかなり詳細に確認できるので、バグの原因も簡単に突き止められるようになります。
Python Previewを入れることで、デバッグの精度が非常に上がります。

5. Todo Tree

Todo Tree

・Todo Treeを入れると、エクスプローラーに”TODOS”が追加されます。
・”TODOS”には全てのTODOコメントが抽出されています。
Todo Treeを入れることで、作業のやり残しを完全に防ぐことができます。

以上、20の拡張機能でPython超特化型VSCodeにカスタマイズする方法 2020年決定版でした。
準備が整ったら、次は実際に開発を進めていきましょう。
下にオススメの参考書を紹介しているので、よかったら活用してみてください。

コメント

タイトルとURLをコピーしました