本文介绍了如何一步步搭建Electron+Vue项目，从安装Vue CLI，创建Vue项目，到集成Electron，处理运行和打包过程中遇到的问题，如修改打包路径、安装依赖、解决Webpack编译错误等，最后讨论了打包后运行时可能遇到的黑屏和图标不显示等问题及其解决方案。
一、安装nodejs
二、安装vue-cli脚手架 输入命令：cnpm install --global vue-cli
验证是否安装成功输入vue出现下面信息说明安装成功
三、搭建vue项目
1、使用命令创建项目 vue init webpack demo2
完成后目录如下：
成功之后查看启动项，打开demo2>config>index.js：
执行命令，npm run dev 出现如下效果说明项目已经运行成功
打开网页
2、生成
生成的时候一定要先修改index.js 中的生成路径，否则后面程序运行打包页面会显示空白，找不到路径
执行生成命令： npm run build
最低0.47元/天 解锁文章
扫一扫
451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
