创建桌面应用程序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重要