#Vite #vue2 #TypeScript
https://vitejs.dev/guide/
## TypeScriptプロジェクトの作成
```shell
$ npm init @vitejs/app vite-ts-vue2 --template vue-ts
npx: installed 5 in 2.444s
Scaffolding project in C:\Users\syoum\work\sandbox\typescript\vite-ts-vue2...
Done. Now run:
cd vite-ts-vue2
npm install (or `yarn`)
npm run dev (or `yarn dev`)
```
## 動作確認
```shell
cd vite-ts-vue2
npm i
npm run dev
```
`localhost:3000`にアクセスして画面が出ればOK。
## node_modulesを除いた構成
```ls
.
├── index.html エントリポイント
├── package-lock.json
├── package.json
├── public ???
│ └── favicon.ico
├── src
│ ├── ﵂ App.vue Viewのルート
│ ├── assets ???
│ │ └── logo.png
│ ├── components コンポーネント置き場
│ │ └── ﵂ HelloWorld.vue
│ └── main.ts TSのエントリポイント
├── tsconfig.json
└── vite.config.ts Viteの設定ファイル
```
### Vue2を使う
https://github.com/vitejs/vite/issues/1758
プラグイン使えばできるけど、そこまで頑張るなら[[Vue CLI]]を使った方がよさそう。[[Vue3]]が出てから[[Vite]]に移行するほうがいい。
==ここでVite+Vue2は諦めた (2021-01-28)==