2 年 ago
宇, 华
1 minute

はじめに

VS Codeを使っている人から勧められたのと，これ1つで様々な言語に触れることができるので入れることにしました．
その際，自分の知識が浅く苦労したので入れてみたいけどイマイチ分かんないって人の参考になるといいです．
また，今回はVS CodeでPythonプログラミングを始めようと考えているということなので，Pythonディストリビューションの１つであるAnacondaがダウンロードしてあるという仮定で話を進めていきます．（Anacondaインストール時に同時にVs Codeをインストールするのではなく別途インストール）
その他，間違っている点や，もっと効率の良いやり方がありましたら教えてください．

追記しました（2019/03/10）
拡張機能について更新しました（2019/12/24）
編集しました（2020/4/19）

0. 環境

OSWindows10Anaconda5.2.0Python3.6.7

1. VS Codeをダウンロード

まずは，VS Codeをダウンロードします．
基本，何も考えずに[次へ]でいいと思いますが，「追加タスクの選択」というところで追加タスクの設定ができます．右クリックメニューからVS Codeを使いたい場合はコンテキストメニューに関する項目にチェックを入れておくといいかもしれません．ここでは，利便性向上のため全てにチェックを入れることをお勧めします．

2. VS Codeの拡張機能を入れる

test1.png

今回はPythonとJupyterの他に私的おすすめをいくつかURLのリンクをつけて紹介します．

1.　Python：Pythonの拡張機能
2.　Jupyter：jupyterの拡張機能　(Pythonの拡張機能に組み込まれたため)
3.　Bracket Pair Colorizer：括弧に色がつく(VS Codeの基本機能として組み込まれたため)
4.　Japanese Language Pack for Visual Studio Code：日本語で見られるようにする
5.　vscode-icons：アイコンをが出るようになり，分かりやすくなる
6.　indent-rainbow:インデントが把握しやすくなる
7.　google this:vscodeからgoogle検索に飛べる
8.　Visual Studio IntelliCode:補完が優秀になる
9.　Path Intellisense:パスの入力がちょっと楽になるかも
10.　PrintCode:書いたプログラムを他人に見せるとき印刷して見せれるようになる
11.　zenkaku:全角スペースを強調してくれる

3. VS Codeで書いてみる

test1.png

Python

まずはPythonのコードが動くか確認します．上の手順に従って[hello.py]というファイルを作ってください．

msg="Hello World"
print(msg)

これが無事に動くなら問題はないはずです．

Jupyter

次のにJupyterが動くか確認します．先ほどと同様に[test.py]というファイルを作ってください．

# %%
test="test now "

# %%
print(test)

# %%
import matplotlib.pyplot as plt
import matplotlib as mpl
import numpy as np

x = np.linspace(0, 20, 100)
plt.plot(x, np.sin(x))
plt.show()

# %%
y = np.linspace(0, 20, 100)
plt.plot(y, np.cos(y))
plt.show()

# %%
import pandas as pd 
data = pd.read_csv("/Users/~~/Desktop/IRIS.csv")
data.head()

# %%
a_array = np.array([1,2,3])
b_array = np.array([4,5,6])

print(a_array+b_array)
twest.png

#追記（2019/03/10）
jupyterがpythonの拡張機能に組み込まれました．人によっては使いやすくなったのでしょうけど，自分は使いづらくなったと感じたため（主に可視化面で…目が痛くなる…）従来のような感じに戻してみました．

入れる拡張機能はこれ（jupyter）です．これを入れることで，従来と同じような動きをしてくれます．

#追記（2020/4/19）
これ（jupyter）もサポートが切れたため新たなPCで同一環境の構築ができなくなりました．
しかし，設定を少し弄れば似た似たような形のいなるのでその紹介です．

    1. [ctrl]+[,]を押し，設定を開きます．

 

    1. 「設定の検索」と表示されたウィンドウに「Data Science: Max Output Size」と入力します．

 

    1. そこに書かれている数字を「-1」に変更します．

 

    これでグラフ等の出力は今までと似たような形になります．

おわりに

上記の流れで行えば動くはずです．いろいろ至らないところがあるかもしれませんが，その点はコメント等で指摘してくれると嬉しいです．

参考サイト

https://www.sejuku.net/blog/40607
http://www.atmarkit.co.jp/ait/articles/1806/12/news041.html
http://www.atmarkit.co.jp/ait/articles/1805/22/news043.html
http://www.atmarkit.co.jp/ait/articles/1711/24/news034.html

bannerAds