本文介绍了如何将vue-cli项目移植到electron-vue框架，并在Windows和Linux系统上进行打包。首先，确保安装了Node.js和vue-cli，然后通过vue init命令创建electron-vue项目。接着，将vue项目文件替换到renderer目录下，调整webpack配置，并迁移package.json中的依赖。在遇到错误时，可能需要手动下载对应版本的electron打包工具。最后，使用electron-packager进行打包，注意打包过程可能耗时较长。
1、使用electron-vue有一些前置设置，你的电脑需要先安装node（现在一般安装node之后，npm就自带了），同时需要安装vue-cli。
以下是安装连接以及安装命令：（参考连接：https://simulatedgreg.gitbooks.io/electron-vue/content/en/）
node安装地址：https://nodejs.org/en/download/
vue-cli安装命令：npm install -g vue-cli
electron-vue安装命令：vue init simulatedgreg/electron-vue my-project
cd my-project
npm install
npm run dev
2、运行npm run dev之后，若是出现错误，那么需要检查一下install的依赖是否完整，同时，版本是否正确。
若是成功，将会看到这样一个界面：
3、然后我们开始移植vue-cli项目。
第一步，找到my-project文件下的src/renderer，将我们自己vue框架src内的所有文件复制，将renderer内的替换，但是此时运行npm run dev ,只会看到这样一个界面：
最低0.47元/天 解锁文章
扫一扫
4174
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
