Skip to content

Latest commit

 

History

History
77 lines (44 loc) · 1.6 KB

README.md

File metadata and controls

77 lines (44 loc) · 1.6 KB

production

https://stay-watch-go.kajilab.tk/

development

develop ブランチの vercel https://stay-watch-front-fd19.vercel.app/

環境構築の手順

  1. stay-watch-backend の README を見てバックエンドの環境構築を行う

  2. stay-watch-front のクローン

    stay-watch-front をクローンする

  3. .env.local の作成

    /stay-watch-front/ のディレクトリに .env.local ファイルを作成する

    中身は先駆者からもらう

  4. yarn のインストール

    sudo npm install -g yarn
    
  5. npm run が使えるようにする

    npm i npm-run-all
    
  6. 実行

    下のを実行し localhost:3000/ で開ければ完了

    yarn dev
    

必要な VSCode の拡張機能

  • Prettier - Code formatter

    コードを整えてくれる

  • ESLint

    「console.log() があると warning を出す」などのプロジェクト独自のコード規則を設定できる

  • Tailwind CSS IntelliSense

    本プロジェクトに用いられている Tailwind CSS を編集するときにあると便利

  • OpenAPI(Swagger) Editor

    swagger.yml を編集する上であるとよい

  • Swagger Viewer

    Shift + command + p で swagger.yml のプレビューができる

よくあるエラーの対処法

  • Yarn Build or Lint Error

    フォーマットルールに沿っていないコードである場合に出る

    下のコマンドを行うとコードを整形してくれて解決できる
    ( 保存時に自動で整形してくれるように設定するのがおすすめ )

    yarn fix