1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【vite + react + typescript】カレントディレクトリに直接展開

Posted at

react + typescript環境をviteで構築し、Githubのリポジトリにプッシュしたい。
でも、普通にアプリを作ってしまうと、今いるディレクトリ直下に新たにアプリ名のフォルダができてしまい、cd アプリ名でディレクトリを移動するというのが毎回嫌だし、プッシュしづらかった。

カレントディレクトリ直下にreactアプリを展開する方法を調べたのでメモしとく。

やってみる。

# reactアプリを生成したいディレクトリへ移動
cd my-directory

# アプリ名のところを「.」にすることで、中身だけ展開できる。
yarn create vite . --template react-ts

生成したアプリの中身を見てみると、下記のように展開する事ができました!

my-directory
├── index.html
├── package.json
├── public
├── src
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

(mac)ディレクトリ構成をターミナルから確認するには、treeコマンドがオススメ!

# treeコマンドをインストール
brew install tree

# カレントディレクトリ内の構造を表示
tree -L 1

参考

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?