Quantcast
Channel: かずきのBlog@hatena
Viewing all articles
Browse latest Browse all 1387

プログラミング言語勉強用の環境を Visual Studio Code + Docker で手に入れてみる

$
0
0

Visual Studio Code を入れます。

azure.microsoft.com

Visual Studio のリモート開発の拡張機能を入れます。

marketplace.visualstudio.com

そして docker を入れます。

www.docker.com

Windows の人は入れたら設定からドライブ共有をオンにしておきましょう。

Python 3 の環境が欲しい

適当なフォルダーを Visual Studio Code で開きます。 F1Ctrl + Shift + Pあたりでコマンドパレットを出して Remote Addあたりで検索すると Remote Containers: Add Development Container Configuration Files...という項目が出てきます。

f:id:okazuki:20190915211841p:plain

どんな開発環境が欲しいのかリストが出てくるので Python 3 を選びましょう。ファイルがいくつか追加されて以下のようなものが表示されるので Reopen in Containerを選択します。

f:id:okazuki:20190915212122p:plain

初回は docker のビルドが走るのでしばらく待ってると…、Python の入ったコンテナーで先ほどのフォルダーが開かれます。

f:id:okazuki:20190915212347p:plain

ハローワールドしてみましょう

f:id:okazuki:20190915212453p:plain

F5 を押して Python File を選択すると実行されます。

f:id:okazuki:20190915212530p:plain

ブレークポイントを置いてると…ちゃんと止まります!!

f:id:okazuki:20190915212602p:plain

ホストには Python 入ってないというのを示そうとコマンドプロンプトで python って打ち込んだらストアが開いてびっくりした。

f:id:okazuki:20190915212758p:plain

再度開くときは Remote Containers: Open Folder in Containerあたりから開けばいい感じになります。

f:id:okazuki:20190915213002p:plain

フォルダーダイアログがだるい場合は…

$ cd 目的のフォルダー
$ code -r .

あとはコンテナーで Reopen しますかと聞かれるので Reopen してもらうだけです。

まとめ

Docker があれば割と何でもできて便利。 VS Code でシームレスに使えるところが神。


Viewing all articles
Browse latest Browse all 1387

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>