Open10

フロントエンド勉強

Josh NobusJosh Nobus

https://ja.vitejs.dev/guide/

https://zenn.dev/kazukix/articles/react-setup-2024

# テンプレートの作成
npm create vite@latest my-react-app -- --template react-swc-ts

# 以下の指示をされるので従う
Done. Now run:

  cd my-crazy-app
  npm install
  npm run dev

# README.md が作成されるので読む

ホストとポート指定

vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    host: '0.0.0.0',
    port: 3000,
  },
})

アプリを走らせる

npm run dev

アプリのビルド

npm run build
Josh NobusJosh Nobus

material ui のインストール

npm install @mui/material @emotion/react @emotion/styled