打开终端输入命令

1. npm create vite@latest
2. 输入项目名
3. 选择vue
4. 选择vue-ts
5. npm install 安装配置

项目搭建完成 项目结构 配置项目

1. 安装依赖库 npm i vue-router vuex less less-loader axios vant
2. 在src文件下创建views文件夹下常见home.vue

3. 在src文件下创建router文件

4. 在src文件下创建store文件

5.main.ts文件引入 我这里还引入了vant组件和 http请求和全局公共方法并将他们设置到全局没有就删除对应代码 6.App.vue 到这里vue3项目就基本创建完成了，因为我引入了vant 所以还需要进行浏览器适配，等其他配置

进行设置浏览器适配和跨域，@获取路径npm i path postcss-pxtorem unplugin-vue-components

1. vite.config.ts 2.tsconfig.json 中添加一下代码

最后运行起来 npm run dev

最后总结下为什么使用vue3+vite+ts

1. vue3对比vue2改动确实挺多的，我使用vue3的原因是setup语法糖确实比vue2的框架代码简洁 不管是在使用组件还是创建方法上都比vue2代码更少
2. 使用vite的原因是vite的npm run dev 比npm run serve 快很多，项目越大感触越多
3. ts的使用对我而言是可以自动提示，让我的代码bug更少

大概就是这样，第一次写就先到这了，各位大佬请多提意见多指导，写的错误或不好也请担待。