创建桌面应用程序electron-vue

2023-11-29  本文已影响0人  喜欢走弯路的人

"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重要

 

上一篇下一篇

猜你喜欢

热点阅读