LoginSignup
1
1

More than 3 years have passed since last update.

(自分用)VS CodeにFlask入れる

Last updated at Posted at 2020-06-11

VS CodeにFlaskを入れる(macOS)

Flaskとは何かとかそういうの全然わからない

1.まず流れだけ

  1. venvで仮想環境作る
  2. Flaskをpip installで入れる
  3. 動作確認して終了

2.具体的な話

2-1.仮想環境を作成

  • いい感じのフォルダを作っておく

  • python3 -m venv <仮想環境の名前>を作ったフォルダのターミナルに入れる (もし怒られるならpy,python,python3を総当たりで変更してみる)

  • 多分左下の方にpython~~ってあるからそこを選択、
    "Python <バージョン名> <さっき作った仮想環境名>"みたいのが有るはずなので、クリック。
    これでPython仮想環境を使うよって宣言した様なもん

    source myenv/bin/activate

  • もし仮想環境でターミナル使いたい場合は、上のツールバーに有る
    "表示"→"コマンドパレット"→"Python: Create Terminalを入力"
    で開く

2-2.Flaskのインストール

  • 前述のやり方でターミナルを開き、pip install flaskを入力

  • pip freezeで入っているモジュールが確認出来る、ちゃんと入ってるか見といた方が良い

2-3.ちょっとした動作確認

なんかテキスト表示させて動くか確認する

  • 下のコード入れて保存(一応"command+sね")
from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello_world():
 return "Hello, World!"

@app.route("/")で" "内のリンクが要求された時に、下の関数の動きを返すって事をやってるよ。
上の2行はまだ考えない方がいい

  • 上に有る方法でターミナルを開き、
ターミナル
$ export FLASK_APP=app.py
$ flask run

って入れる。

  • ローカルホストのポート5000っていうリンクがターミナルに表示されるので、そこへ移動してみる、
    ちゃんとHello Worldって表示されてたら大丈夫

  • なんかFlaskのモジュールが無いみたいな事言われるけど、あんま考えん方がいい。実行出来るし。

3.終わり

  • デバックで自動で動くかとかはまたの機会にやりましょう
  • サーバに乗るweb_appってフロントエンドとバックエンド、どっちから作った方が良いんだろうね
1
1
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
1
1