npm install--save-dev electron-icon-builder ②package.json中配置生成命令 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "electron:generate-icons":"electron-icon-builder --input=./public/icon.png --output=build --flatten" ③ 生成图标 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm ...
1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
但现在我们不使用它,electron-vue是vue-cli2.0的版本,现在都已经出道 4.0 了,再者electron-vue已经很久没有更新,我们可以使用 vue 最新的脚手架加上插件vue-cli-plugin-electron-builder来搭建项目,项目结构也更加清晰明了。
6、此处 我们需要打开项目的目录 找到 node_modules 下的 electron 。 删除 这个文件以后 重新使用 cnpm install 7、至此。 electron 应用 已经搭建完成。 我们使用 npm run electron:serve 进行启动项目 ( windows 与 imac 一样 ) 已经完美运行成功 可以看到桌面已经弹出 electron-demo 应用 五、查看electron+vue ...
这是electron的安装并不依赖本地npm中registry所配置的镜像,需要增加名称为electron_mirror的镜像源。 根目录新建或则修改文件.npmrc内容 ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/ ELECTRON_CUSTOM_DIR="{{ version }}" ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder...
在我们dist文件夹下面我们新建一个main.js,里面我们引入electron 代码语言:javascript 代码运行次数:0 运行 AI代码解释 const{app,BrowserWindow}=require('electron');//引入electronletwin;letwindowConfig={width:800,height:600};//窗口配置程序运行窗口的大小functioncreateWindow(){win=newBrowserWindow(windowConfig)...
1 Electron核心概念 1.1 主进程(main) 1.2 渲染进程(renderer) 1.3 预加载脚本(preload) 2 初始化项目 2.1 使用electron-vite新建项目 2.2 精简项目 2.3 去掉renderer的src目录 3 Vite基础配置 3.1 配置国内镜像源 3.2 支持Sass/Scss/Less/Stylus 3.3 设置路径别名 4 项目架构搭建 4.1 项目目录结构设计 4.2 关于...
重新装一下:npm -g install vue-cli-plugin-electron-builder 在运行出现: ERROR Error: Cannot find module 'vue-template-compiler/package.json' 解决方法:npm -g install vue-template-compiler 出现: INFO Launching Electron... Failed to fetch extension, trying 4 more times ...
npm run electron:build 1. imac系统和windows系统都使用这个命令打包 7.升级electron 修改package.json 启动项目,出现以下告警 以上是在说同级目录有index.js文件存在,需要更改electron主进程文件名。在开发过程中,dist_electron目录会生成两个文件:index.js和package.json,冲突就在这个文件夹,所以我们只需要把index.js...