1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
cd <project_name> vueaddelectron-builder 选择最新的electron13即可 至此,一个基础的electron-vue项目便创建完成了。 启动/调试electron 下面不一定非得是cnpm,yarn,npm其实都可以,主要保证install和run的时候使用的是同一个就行。 安装node依赖 cnpminstall 启动桌面客户端 上述框选出的是不同的启动方式,electron:...
> electron-packager ./ YesDev项目管理--platform=win32 --arch=x64 --icon=./icon.ico --overwrite Packaging app for platform win32 x64 using electron v31.2.1 Wrote new app to: D:\FrontEnd\yesdev_electron\electron-quick-start\YesDev项目管理-win32-x64 生成的绿色版, 参考目录:D:\FrontEnd\ye...
在项目根目录加两个文件 1、main.js // 导入模块const{app,BrowserWindow}=require("electron");constpath=require("path");// const NODE_ENV = "development"; //开发环境;//process.env.NODE_ENV;constNODE_ENV="process.env.NODE_ENV";//开发环境;//process.env.NODE_ENV;// 创建主窗口constcreateWin...
Electron:31.0.0 vue-cli:5.0.8 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version ...
一:创建electron-vue项目 1:从“使用electron-vue建项目以及初始化”开始 在需要创建项目的文件夹内:shift+右击,启动命令窗口,输入命令 vue init simulatedgreg/electron-vue my-app 创建my-app项目,举例如下:注意:vue init simulatedgreg/electron-vue my-app中是my-app文件夹名称 ...
参考链接:Vite+Electron快速构建一个VUE3桌面应用(一) 1) 创建项目 1. 安装 vite yarn create vite 可以直接创建项目。 若是创建了,跳过第二步 输入项目名,选择 vue, 选择 javaScript 就可以了。有其他需求根据实际需求选 2. 创建项目 ...
error E:\theia\node_modules\electron:Commandfailed.Exitcode:1Command:node install.js 看错误描述应该是网络异常,因为我的是在公司起的项目,有可能做了代理屏蔽,所以大概率是镜像问题,但是我自己重新试试挂载淘宝的NPM的镜像,同样异常。经过一番查找发现了有人也出现类似的问题,这里地址:解决安装electron卡在node...
一、Electron介绍 Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目. 使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序 1. 特点 跨平台 可以打包成Mac、Windows 和 Linux三个平台的应用程序 简化桌面端开发 (1)Electron 基于 Chromium 和 Node.js,可以使用 HTML, CSS 和 JavaScript ...