⽤vite2vue3开发electron桌⾯程序
vue3已经出来⼤半年了，加上vite⼯具，对于开发者开发⽹页已经⾮常⽅便了，⽐webpack快了很多，但是有想⽤vite和vue3来开发electron桌⾯应⽤的⼩伙伴还没到⼀款可以把他们集成到⼀起的脚⼿架或者项⽬模板。今天给⼤家介绍⼀款可以将他们结合在⼀起的⼯具。
项⽬准备
环境：node
创建项⽬
npm init evv
终端
先输⼊项⽬名称、项⽬版本、作者、描述 vue是⽤js还是ts，最后选择css预处理器就创建好了项⽬。
⽬录下⾯多了⼀个⽂件夹
⽬录结构
同时终端有了提⽰
安装依赖
这时我们根据提⽰  cd 到⽬标⽂件夹，然后使⽤安装所有依赖，等待所有依赖安装完成。如果安装过慢，请切换镜像。也可以使⽤yarn安装。
npm install
运⾏项⽬
终端输⼊npm run dev启动任务
npm run dev
终端显⽰成功，同时⾃动启动了electron 窗⼝
终端
electron vue教程这时项⽬已经启动了，我们可以在package/render  ⾥⾯去修改⽂件看看响应速度。可以看到，修改App.vue⽂件保存后的瞬间，右边的electron就更新了。⾮常快electron的界⾯上的是作者的⼆维码和收款码，如果喜欢可以请作者喝杯
electron的界⾯上的是作者的⼆维码和收款码，如果喜欢可以请作者喝杯奶茶哦
项⽬打包
项⽬完成后就可以打包发布了，只需在终端输⼊，会⾃动打包，这时会下载打包需要的electron⽂件。
npm run build
终端结果
这时我们可以在根⽬录下的build⽂件夹到打包好的程序。
安装包这时我们就可以安装程序看看我们的成果了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。