基于VUE+Vite+Ts结构的前端项目快速搭建

①VsCode中首先创建Vue项目

npm create vite@latest 项目名

之后选择Vue项目，新建安装，等待安装成功
vite.config.ts新增Server设置端口、地址等配置信息;

安装成功之后，根据提示一个项目就可以跑起来了。
②路由安装(Router)/，路由作用：页面跳转

npm install vue-router@4 

路由配置

import{createRouter,createWebHistory} from 'vue-router'
let routerlist=[
{name:“名称”,path:"/",commonpent:()=>import("页面路径")}，
...
]
const router=cretaeRouter({
history:createWebHistory(),
routers:routerlist
})
export default router