基于vue3+ts+electron搭建桌面端开发框架

之前一直使用qt做桌面版工具开发，但是界面美化一直是个麻烦的事情，想像前端那样有各种各样的框架可以使用，而electron插件在我的认知里是最好的选择，参考网上别人的教程，和ts一起配置时总会有各种坑，现在把我的搭建记录分享一下，希望大家能少踩坑

创建vue项目

这里默认大家都知道vue是干嘛的哈

vue create myvue

选择手动配置

这里如果是第一次创建项目的话，可以选择手动，然后创建完后可以保存下来，就如大家看到的第一个Rcoon一样，这个是我自己经常用的配置，所以就保存下来了
选择手动配置后，会有下面这些选项供你选择，按空格键就可以选择

说明

1. Babel 转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
2. TypeScript TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
3. Progressive Web App (PWA) Support 渐进式Web应用程序
4. Router vue-router（vue路由）
5. Vuex vuex（vue的状态管理模式）
6. CSS Pre-processors CSS 预处理器（如：less、sass）
7. Linter / Formatter 代码风格检查和格式化（如：ESlint）
8. Unit Testing 单元测试（unit tests）
9. E2E Testing e2e（end to end） 测试

一般我们选择 1，2，4，5，6，7就可以了

配置vue版本