github.com/electron-vit 我基于这个模板 # clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router # 安装 npm ...
在安装了electron-vite的项目中,可以直接使用npx electron-vite运行, 也可以在package.json文件中添加 npm scripts: { "scripts": { "start": "electron-vite preview", // start electron app to preview production build "dev": "electron-vite dev", // start dev server and electron app "prebuild": ...
"scripts":{"dev":"vite","electron":"wait-on tcp:3000 && cross-env IS_DEV=true electron .","electron:pack":"electron-builder --dir","electron:dev":"concurrently -k \"cross-env BROWSER=none yarn dev\" \"yarn electron\"","app:build":"yarn build:for:electron && yarn electron:builde...
unplugin-auto-import是一个用于Vue.js的插件,它可以自动导入Vue.js的相关API,如Vue自身,Vue的RFC(响应式),Composition API,以及其他一些常用的Vue功能。 三、vite.config.ts文件配置引用element-plus import { defineConfig } from 'vite' import path from 'node:path' import electron from 'vite-plugin-elect...
npm create electron-app@latest my-app //my-app 项目名称 //create-electron-vite脚手架 npm create electron-vite@latest my-app 2、选择模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ? Project template: » - Use arrow-keys. Return to submit. ...
electron-vite 开发vue3开发桌面应用 用户选择安装位置 使用electron-vite创建项目 npm create @quick-start/electron my-app -- --template vue-ts 安装好依赖 cnpm i 打包exe npm run build:win build完后在项目跟目录的dist文件夹下会打包生成很多文件 其中有一个.exe就是用来安装windows应用程序,在资源管理器...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
Electron+Vite+Vue3的组合为开发者提供了一个高效、灵活的跨平台桌面应用开发框架。结合Go语言开发的后台API框架,能够构建出功能丰富、性能卓越的完整应用生态。无论是独立开发桌面应用,还是与后端服务紧密集成,都能获得良好的开发体验和用户体验。 未来,随着前端技术和Node.js生态的不断发展,Electron框架将继续发挥其优...
在main.js文件中,创建一个 Electron 应用程序并加载 Vue 3 应用程序。 安装Plotly: npminstallplotly.js 创建一个组件来显示 Plotly 图形。 在组件中编写代码以从串口接收数据并将其传递给 Plotly。 使用Vite 来启动开发服务器: npmrundev 使用electron-builder 来构建应用程序: ...
利用vite+electron脚手架开发一个简单的桌面端应用 下载脚手架 npm create vite 输入指令后选择vue或者react等直接选择最下面的other,之后会有electron选项,之后会使用 npm install 下载依赖,运行后,如果运行不起来,删除node_modules重新进行下载即可 简单的介绍下 ...