安装后package.json自动生成新的命令 "scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "start": "electron-forge start", "package": "electron-forge package", "make": "electron-forge make" } 直接运行npm run start,报错如下 ...
1.首先是默认配置了环境变量Path为c:\xxx\nodejs\,打开命令行输入node -v有结果表示安装成功 2.默认安装了npm工具,可输入npm -v查看版本,注意node和npm的版本不要搞混了 3.默认状况下,咱们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位置C:\Users\Administrator\AppData\Roaming\npm...
对于Vite项目,打包配置通常位于vite.config.js文件中。 打开打包配置文件,查找与输出文件名相关的配置项: 在electron-builder.yml中,你可以查找artifactName字段,它定义了输出文件的名称格式。 在vite.config.js中,你可以查找build.outDir字段,它定义了输出目录的名称。 修改该配置项,设置新的打包文件名: 对于elect...
vite打包的时候打包到dist文件夹下,配置vite.config.ts中配置本地路径 8、把渲染进程创建一个文件放入里面,好区分 render 跳过更改,然后把index.htm更改下进入路径 根据执行命令加载本地文件还是网址 1 2 3 4 5 6 7 if(process.env.npm_lifecycle_event ==="start") { win.loadURL("http://127.0.0.1:321...
}) 点击打包,鼠标放在【build】上 打包后可以看到 但是public里的图片不显示,是路径的问题。有两种解决办法 第一种方法:去掉路径里面的 / 即可 第二种方法:直接获取文件的根目录。
笔者最近在学习Electron并且在用它工作,遇到了一些问题积累了一些浅薄的经验,在这里做一下记录,并且准备做一个桌面端的工具,打包运行到windows、 macOS和Linux上 创建项目 使用vue3和vite创建vue的项目然后引入electron 先创建vue项目 npm create vite@latest electron-desktop-tool ...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 创建一个Vite项目 1. 安装 vite yarn create vite 2. 创建项目 创建命令如下: yarn create vite <your-vue-app-name> --template vue 此处创建一个项目,名为kuari。 yarn create vite kuari --template vue 3. 进入且运行 进入项目,在运行前需要先...
这篇文章主要记录一下Electron结合前端框架Vue + Vite的应用,整合三者框架并实现一键打包 目录结构 Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 ...
在electron+vue3+vite的环境下打包,出现如下报错信息的解决方法: node_modules\vue-tsc\index.js:39 throw err; ^ReferenceError: sys is not defined at eval 解决方法1: 将vue-tsc 升级到2.0以上版本。 解决方法2: 将package.json里的build命令修改如下。
release 打包后编译输出的目录,该目录的根目录下存放打包后的安装包 bundled 该目录存放vue打包后的文件(html js css img等) win-unpacked 该目录存放编译后生成的可执行文件及相关的dll,不包含安装包 resource 资源目录 unrelease 该目录存放编译期需要的资源 ...