Vite/React/TypeScriptのプロジェクトを立ち上げるだけ

概要

題名の通り

---

略手順

1. initする
2. プロジェクト名を指定（今回はvite-test）
3. reactを選択する
4. react-tsを選択する
5. 指定されたコマンドを打つ
6. 指定されたlocalhostにアクセスする

---

手順

1

$ npm init vite

---

2

$ npm init vite
? Project name: vite-test

---

3

✔ Project name: … vite-test
? Select a framework: › - Use arrow-keys. Return to submit.
    vanilla
    vue
❯   react
    preact
    lit
    svelte

---

4

? Select a variant: › - Use arrow-keys. Return to submit.
    react
❯   react-ts

---

5-1 : 出力されるコマンド

Scaffolding project in /Users/pauli-agile/Documents/Practice/vite-test...

Done. Now run:

  cd vite-test
  npm install
  npm run dev

---

5-2 : 出力されたコマンドを打つ

$ cd vite-test
$ npm install

added 88 packages, and audited 89 packages in 12s

8 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

$ npm run dev

> ownd_mirror@0.0.0 dev
> vite

Pre-bundling dependencies:
  react
  react-dom
  react/jsx-dev-runtime
(this will be run only when your dependencies or config have changed)

  vite v2.8.4 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 389ms.

---

6

---

終わり