美文网首页
创建桌面应用程序electron-vue

创建桌面应用程序electron-vue

作者: 喜欢走弯路的人 | 来源:发表于2023-11-29 13:10 被阅读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重要

     

    相关文章

      网友评论

          本文标题:创建桌面应用程序electron-vue

          本文链接:https://www.haomeiwen.com/subject/bfqfgdtx.html