LoginSignup
5
12

More than 3 years have passed since last update.

VSCodeでPython+Flask開発環境を構築する

Last updated at Posted at 2019-06-16

今までPycharmで開発していたのですが、
PycharmにはJavaScriptのコード補完機能とかがない
(有料ならあるけど結構お高い…)
なのでこれからはVSCodeを使っていこうと思います。

Pycharm好きだったんですけどねー。
基本GUIで環境構築出来たんで。
VSCodeは本当にいろいろ出来すぎて、逆に使いこなすのが難しそうです…。
CLIもある程度使えないといけないですし。

個人的見解ですが、
プログラミング初めてでPythonの開発したいって人には
Pycharmがオススメです!

VSCode開発環境構築

Python+Flaskの開発環境は
VS CodeとFlaskによるWebアプリ開発「最初の一歩」
の内容そのまま実行するだけで問題なく構築できました。

また、GitHubとの連携はこちらを参照。
Visual Studio CodeでGitを使う

git remote add origin [YOUR_REPOSITORY]

スクリーンショット 2019-07-15 21.13.04.png

スクリーンショット 2019-07-15 21.15.26.png

こちらも問題なく構築完了!

以下、入れておくと便利な設定
Visual Studio Code を使う前に最初にやっておきたいこと
Visual Studio Codeの設定「虎の巻」
VSCodeでHTML/CSSファイルを編集しながらリアルタイムでプレビューする方法
デバッグ作業が快適に!VS Codeにブラウザのプレビュー機能を加える機能拡張 -Browser Preview for VS Code
Visual Studio Codeでhtmlコーディングはリアルタイムプレビューがすごく良い

5
12
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
5
12