创建桌面应用程序electron-vue

"node.js git npm vue安装后都需要配置环境变量中的系统变量

https://blog.csdn.net/xingsfdz/article/details/112253175

学习网址

官网

一:创建electron-vue项目

1:从“使用 electron-vue 建项目以及初始化开始

在需要创建项目的文件夹内:shift+右击,启动命令窗口,输入命令

vue init simulatedgreg/electron-vue my-app

创建my-app项目,举例如下:注意:vue init simulatedgreg/electron-vue my-app中是my-app文件夹名称


2:使用vscode打开项目安装依赖,启动项目

cnpm install

npm run dev

3:安装element-ui:npm install element-ui

在main.js导入elements

二:electron-vue 打包:打包学习网址

npm run build

打包时报错

错误一:build.js文件报错

如下图:

报错

修改方式:找到build.js文件进行修改

build.js报错地方,修改前
build.js文件,修改后

错误二:Multispinner is not defined

将build.js文件修改后再次输入启动命令npm run build,仍然报错,提示:Multispinner is not defined

解决方法:参考网址

1、安装multispinner

cnpm install multispinner

2、build.js 文件中引用:

const Multispinner= require('multispinner')

错误三:参考网址

解决方法:

npm set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

项目打包成功后在build文件夹下,安装.exe文件即可,或者打包成功后的所有文件都在win-unpacked文件夹中

三 、开发使用的数据库NeDB 

https://blog.csdn.net/weixin_39533280/article/details/112107389

https://www.w3cschool.cn/nedbintro/nedbintro-asrf27md.html

https://www.cnblogs.com/loaderman/p/12173453.html非常重要

https://www.w3cschool.cn/nedbintro/nedbintro-t9z327mh.html非常重要

https://blog.csdn.net/qq_38143787/article/details/108226581加载element-ui的table

https://simulatedgreg.gitbooks.io/electron-vue/content/cn/savingreading-local-files.html重要











 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容