環境構築
- VSCode インストール
- Node.js インストール
- Python インストール
VSCode インストール
https://code.visualstudio.com/
拡張機能
- Japanese Language Pack For Visual Studio Code
- Python
- Vue - Official
Node.js インストール
https://nodejs.org/ja/download
node -v
Python インストール
インストール時 Add python.exe to Path にチェック
インストール後 Disable path length limit をクリック
https://www.python.org/downloads/
python --version
Python 必要なライブラリのインストール
# プロジェクトフォルダに移動
cd C:\dev\my_project\backend
# 仮想環境の作成
python -m venv venv
# スクリプト実行を許可
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
# 仮想環境をアクティブ化
venv\Scripts\activate
# 仮想環境を停止
# deactivate
# FastAPI 必要なライブラリのインストール
pip install fastapi
pip install uvicorn
# FastAPI 起動
uvicorn app.main:app --reload
localhost:8000/docs
Vue 必要なライブラリのインストール
# プロジェクト作成
cd C:\dev\my_project\
npm create vite@latest frontend
- Vue
- TypeScript
cd frontend
# 必要なライブラリのインストール
npm install
npm install element-plus
npm install axios
npm install vue-router
npm install @types/node --save-dev
# Vue 起動
npm run dev
localhost:5173