Open10
フロントエンド勉強
# テンプレートの作成
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
material ui のインストール
npm install @mui/material @emotion/react @emotion/styled
lang=ja
useState, useReducer