在tsconfig.json中增加 #增加部分{"compilerOptions":{"skipLibCheck":true,"types":["element-plus/global"]}} 在vite.config.ts中增加配置 #增加部分importAutoImportfrom'unplugin-auto-import/vite';importComponentsfrom'unplugin-vue-components/vite';import{ElementPlusResolver}from'unplugin-vue-components/r...
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.8万个喜欢,来抖音,记录美好生活!
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 这是目前的目录结构 安装electron 在安装 electron之前需...
在package.json中添加main节点,用于指定 Electron 主进程的入口文件。 5、编辑vite.config.js: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({+ base: process.env.ELECTRON == 'true' ? './' : '',plugins: [vue()], }) base属性用于指定...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
// https://vitejs.dev/config/ export default defineConfig({ base: "./", plugins: [vue()], }) 我们在终端中,执行npm run build命令。 就在根目录中生成了, dist 文件夹。 设置Electron 框架 有了Vue3 项目构建出来的 dist 目录之后, 设置Electron 就很简单了。
Vite + Vue 3 + electron 环境搭建 第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-D concurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build...
首先,我们需要创建一个基本的 Vite + Vue 3 + Electron 项目结构。假设你已经安装了 Node.js 和 npm,接下来我们将一步步创建项目。 1. 初始化项目 # 创建项目文件夹mkdirvite-vue3-electron-expresscdvite-vue3-electron-express# 初始化 npm 项目npm init -y# 安装 Vite 和 Vue 3npm install vue@next ...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...