electron构建前端界面

108 阅读1分钟

最近一个公司管理类的项目需要起一个electron界面来发送邮件。记录一下搭建过程。

用到的技术栈Vue3+Electron+Element+TypeScript

1.创建一个Vue3+Ts的项目

就是创建普通vue项目的步骤,所以过程简略~~

还是【vue create 项目名】然后添加配置项那几步骤

注意:路由模式需要是hash模式

2.引入electron

进入刚刚创建的项目下面

cd ps-demo

输入安装命令【electron版本选择13】

vue add electron-builder

安装依赖

npm i

3.运行查看能否启动成功

npm run electron:serve

运行结果:

image-20220302104116443.png