很久没有更新了，今天Peter 尘就来记录一下electron-vue项目桌面项目的搭建
前期准备： node.js & vue-cli
node -v 查看当前node.js版本
vue -V 查看当前vue-cli版本
项目搭建
-
进入工作目录，创建一个vue项目
vue create electron_vue_dome，以下就是项目的基本结构
-
找
vue-cli-plugin-electron-builder的官网，执行终端执行vue add electron-builder安装
-
安装时教你选择electron的版本，这里我选择的最新版本，等待安装完成。
注意： 安装会出现失败的情况，这时你需要去安装淘宝镜像，使用cnpm进行安装。
安装完成后运行项目
-
会发现目录结构多了一个background.js文件，这个文件就是electron的配置文件
-
package.json文件产生一个
main这就是定义electron的入口文件
-
之后可以通过
npm run electron:serve运行项目 -
也可通过
npm run electron:buildl来进行项目打包
运行的项目
以上就是electron_vue项目的搭建过程
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
