Zenn
Closed5

【令和最新版】umijsの始め方

React
TypeScript
#
antdesign
#
umijs
草野洋平草野洋平

prettier のインストール

yarn umi g

これでEnable Prettier -- Enable Prettierを選ぶ

草野洋平草野洋平

directory構成はこんな感じ。

.
├── assets
│    └── yay.jpg
├── layouts
│    ├── index.less
│    └── index.tsx
├── node_modules
├── package.json
├── pages
│    ├── docs.tsx
│    └── index.tsx
├── pnpm-lock.yaml
├── tsconfig.json
└── typings.d.ts
草野洋平草野洋平

routeの作り方（例）

npx umi g page login posts/post posts/create

こんな感じに作られる。

src
├── assets
│     └── yay.jpg
├── layouts
│     ├── index.less
│     └── index.tsx
└── pages
    ├── index.less
    ├── index.tsx
    ├── login.less
    ├── login.tsx
    └── posts
        ├── create.less
        ├── create.tsx
        ├── post.less
        └── post.tsx

.umirc.tsにも追加される。

このスクラップは6ヶ月前にクローズされました