LoginSignup
2
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

@saten(佐天)

今更ながらPython→VS Code導入

Last updated at Posted at 2019-06-19

前置き

Windows 10 May 2019 UpdateにてPythonコマンドでインストールまで簡単にできるようになったみたいなので
そのままの勢いで開発環境まで整えようじゃないって人がいるかもと
今更こんなの誰がみるの？
Pythonで開発するからとVSCode入れたけど日本語にしたりを一括して読める記事が少ないなと思って書いてます。

あくまで自分の開発環境を備忘録として残す目的なので
間違ってたり誤字脱字はご了承ください。そして気軽に指摘していただけると助かります。

環境

  • Windows10
  • Python 3.7.3
  • VSCode 1.35

Pythonの導入

May Updateでできるようになった簡易インストールと
PythonサイトからInstallerからのインストール

コマンドからインストール

※Windows 10 May 2019 Updateしていないとできないので注意

まずコマンドプロンプトもしくはShellを立ち上げます。
「python」と入力
image.png

MicrosoftStoreが立ち上がります。
image.png

入手ボタンクリックするとインストールされる
ユーザー単位のインストールらしいのでもし同じPCで
複数ユーザーがログインするような環境のひとは注意が必要かもしれないです。

Storeからのインストールってことも有りインストール先は
ユーザー\AppData\Local\Microsoft\WindowsApps\になる

python.orgからインストール

こちらはPythonのダウンロードサイトから
Installerをダウンロードしてインストールする方法

まずはアクセス
今回は現状最新であろう3.7.3を選択
image.png

リリースノートのページに飛びます
image.png

下の方にスクロールしていき選択します。
今回は64の方で
image.png

「python-3.7.3-amd64.exe」または「python-3.7.3.exe」を入手&実行します。

image.png

確実に選択しておいたほうがいいのは
「Add Python 3.7 to PATH」
チェックを入れておくとインストールと同時に環境変数のほうも設定してくれます。

ほかに何も気にしないならそのままインストールでおｋ
カスタムしたいならカスタマイズ

カスタムではpipを一緒にインストールするかとかpyファイル実行の既存にするかとか
インストール場所を選択したり等々選択できます。

一応カスタマイズ選択画像
image.png
image.png

インストールが終わったら環境Pathとか諸々確認の為にコマンドプロンプトもしくはShellにて
「Python -V」
Python 3.7.3が出力されたらインストール完了☆ミ

image.png

インストール先は何もデフォでは
ユーザー\AppData\Local\Programs\になります。

VS Codeのインストール

あーやっとPython導入が終わったと思ったらまた振り出しに戻ったように
同じようなことしないと行けないですが。
すでにVSCode使ってるよって人は飛ばしてください。

VSCodeのInstallerをダウンロードしましょうここ
言わずもがな最新でいいでしょう

image.png

ダウンロードしたらドキュメントに飛ばされるから
読みたい人は読んでくださいってな感じで

「VSCodeUserSetup-x64-1.35.1.exe」を手に入れた。

どんなアイテムも装備しないと意味ないのでインストールもしていきましょう

ほぼ説明もなくSS貼り付け

image.png
次へ

image.png
同意して次へ

image.png
インストール先の選択
何もしないならそのまま次へ

image.png
スタートメニューのショートカット設定
何もしないならそのまま次へ

image.png
デスクトップにアイコン置くかとか
エクスプローラーからの右クリックからの動作追加とか

image.png
インストール完了画面!!

image.png

立ち上がったときの画面！！

横道にそれて日本語対応方法

PythonのためにVSCode入れたけど日本語にしたいよってときにググらないといけなかったので
まとめて書いてあると楽だなと思って用意しました。。

拡張機能の追加

アイコンはこれ
image.png

検索テキストがあるので

Japanese Language Pack for Visual Studio Code

japまで打てば出てくるんですが
画面はこんな感じになります。
image.png

インストールすると
有効にするにはVSCodeの再起動が必要ですみないなのがでてきますので
Restart Nowをクリック
image.png

自動的に再起動されてUIが日本語になってます。
間違えて再起動出来なかった場合は設定から簡単に変更できるけど
そのやり方はここでは割愛
image.png

横道終わりPythonの拡張機能

UI日本語化と同じく拡張機能を追加します。
「Python」と検索でPythonをインストール
image.png

適当な*pyファイルをデバッグしてみる

test.py作成

test.py
Print('test')

VSCodeにドラッグ&ドロップもしくは右クリックからVSCodeで起動
image.png

F5キーもしくは右のアイコンの禁止マークみないやつから再生ボタンみたいなのクリック
image.png

すると何でデバッグしますか的なのが出てくるので
Python Fileを選択
image.png

デバッグコンソールにて
「text」が表示されたら完了☆ミ
image.png

だいぶ飛ばしてきた感じが否めない

2
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
Sign upLogin
2
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?