npm create electron-vite 集成element-plus npm install element-plus npm install unplugin-vue-components -D npm install unplugin-auto-import -D 在tsconfig.json中增加 #增加部分 { "compilerOptions": { "skipLibCheck": true, "types": ["element-plus/global"] } } 在vite.config.ts中增加配置 #...
github:electron-vite/electron-vite-vue: Really simple Electron + Vite + Vue boilerplate. electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""electron":"^30.0.1","electron-builder":"^24.13.3","vite":"^5.1.6","vite-plugin-electron":"^0.28.6", 创建项目 npm...
// main.jsconst { ipcMain, shell} = require('electron')//主进程使用shell打开网站ipcMain.on('open-url-event', (event, url) => {shell.openExternal(url)}) 五、示例代码下载 1、项目介绍 通过vue3+electron实现一个基础的桌面端应用——收藏夹功能。使用了部分vue3的基本功能及方法,了解Electron的...
2、选择模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ? Project template: » - Use arrow-keys. Return to submit. > Vue React Vanilla 1. 2. 3. 4. 5. 3、这里选择vue模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ...
二、vite按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件,从而减少初始加载大小。
baseURL: import.meta.env.VITE_APP_BASE_API, // 超时 timeout: 10000 }) // request拦截器 service.interceptors.request.use(config => { // 是否需要设置 token const isToken = (config.headers || {}).isToken === false // 是否需要防止数据重复提交 ...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0...
在main.js文件中,创建一个 Electron 应用程序并加载 Vue 3 应用程序。 安装Plotly: npminstallplotly.js 创建一个组件来显示 Plotly 图形。 在组件中编写代码以从串口接收数据并将其传递给 Plotly。 使用Vite 来启动开发服务器: npmrundev 使用electron-builder 来构建应用程序: ...
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 内存隔离区,这将...