- 作業用のディレクトリで以下のコマンドを順番に実行します。
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
}
}