0
0

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 3 years have passed since last update.

MacでVSCode環境構築 Pythonのサンプル

Last updated at Posted at 2020-08-29

はじめに

ターミナル実行場所を間違えて、コードが反映さてれいなかった。
対象フォルダに移動して、「統合ターミナルで開く」のターミナル実行すると解決

参考ページ

最後の実行でつまづいた
スクリーンショット 2020-08-28 23.44.59.png

ここでグラフに反映されない、「python simpleserver-startup.py」の入力が途中に出来なかった。

・VSCodeのターミナルで「basic_js_graph」に移動して「python simpleserver-startup.py」と打ち込んで実行

これが出来ていなかった。

つまづいた場所

今回のタスク

今回のグラフのタスクってエディターが「index.html」なので、pythonではなく、「html」でコーディングするタスクでしょうか?

いい質問。
この課題はブラウザのアドレスバーに 「http://localhost:8000/」 と打ち込んだら、作成したhtmlが表示される、という「pythonのwebサーバーとしての動き」を学ぶものです。htmlだけだと、通常はブラウザのアドレスバーに ファイルパス を入力するはめになります。ちなみにこれがpython部分のソース
import http.server as server
server.test(HandlerClass=server.CGIHTTPRequestHandler)

VScodeでpythonをインストールから実行するまでの資料(Pythonインストールの場合)
①インストール
https://qiita.com/ryo-sato/items/7d465e22c6d7a1e79803
②実行まで(インストールができたかの確認)

Emmet

まだ空っぽのhtmlファイル上で「!」を押すと、VSCodeがhtmlテンプレートを作ってくれる。すご!
これが全く起きないです。現状こんな感じです。

右側の index.html で半角で ! 押して tab 押してみる
https://tonari-it.com/python-vscode-input-save-run/

OK
image.png

STEP2

STEP2のWebサーバーからの打ち返しのところまで頑張ろうと思ったのですが、こういった状況で何も起きず。
image.png

simpleserver-startup.pyのある位置がちがくない?
図1の赤線が気になるんだよね。バージョンが見たいから、ターミナル上でpython -V って打ち込んで Enter してみて。
あとはあるとすれば my python project っていう 空白付きのフォルダ名がヤバい(全角混在もやめたほうがいい)ので空白をアンダーラインにしてってあたり(いちおうwebサーバは起動してるっぽいけど)。
あとは、図2のように フォルダを開くで basic_js_graph のフォルダを開いてみて。そうすると python simpleserver-startup.py でwebサーバが起動する。

できました!basic_js_graphのターミナルが理解できておらず、途中にコードがかけなくてできていませんでしたが、表現できました!
image.png

0
0
1

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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?