kopple-app's Introduction

環境構築

作業用のディレクトリで以下のコマンドを順番に実行します。

git clone [email protected]:saezuri510/kosen-hackathon-app.git
cd kosen-hackathon-app
npm i

また、Webアプリケーションを立ち上げる時はnpm run devを実行してください。

vscodeに以下の拡張機能をインストールしてください。

prettier
eslint
tailwind css intellisence

ctrl + shift + pでコマンドパレットを開きopen user settingsと入力し、settings.jsonを開き以下の記述を追加してください。

{
  "editor.defaultFormatter": null,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[graphql]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

Recommend Projects