创建项目

npm init vite-app <项目名称>
cd  <项目名称>
cnpm install
cnpm run dev

详细：https://github.com/vitejs/vite

image.png

配置typescript

TypeScript 不适合在 vue 业务开发中使用吗？
https://www.zhihu.com/question/310485097/answer/591869966

cnpm install -g typescript
npx tsc --init//初始化tsconfig.json 新增tsconfig.json文件

main.js修改为main.ts
index.html
<script type="module" src="/src/main.ts"></script>
<script lang="ts">
App.vue与HelloWorld.vue文件，修改方式如下

image.png

Vue Router

https://router.vuejs.org/zh/