创建您的 Vue3 应用程序,并在入口文件中使用 Vite 启动开发服务器。 📋 Copy code import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') // 在开发模式下启动 Vite 服务器 if (import.meta.env.DEV) { const vite = require('vite') ;(async () => ...
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中增加配置 #...
yarn create @quick-start/electron pnpm命令: pnpm create @quick-start/electron 本教程使用yarn,后续不再赘述npm和pnpm的命令。 如果没有安装yarn,可执行以下命令全局安装: npm install --global yarn yarn中文网站: Yarn 中文文档 执行后,会要求填写项目名称,这里我填写的是electron-vite-vue-app,可根据情况自...
目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, ...
vue3技术性:vite2.1.5 vue3.0 vuex4 vue-router@4 跨端架构:electron^12.0.4 封装工具:vue-cli-plugin-electron-builder UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 ...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
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 内存隔离区,这将...
electron-vue-vite Electron、vue、vite 整合 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x发布了,想试试新功能 工作中用的umi+electron项目大了,启动速度并不理想;用vite试试,算一个储备方案 ^_^ npm run dev npm run build import { write } from 'fs' 的这种形式会被 vite 编译成 /@modul...
electron-main:主进程目录。 electron-preload:预加载代码目录,主要是定义桥接通信。 其他文件:也就是 vue 初始化后的目录。 目录结构这么设计的原因是因为我们使用的 vite-plugin-electron 插件需要使用这样的目录结构,目前还没有提供设置修改。 初始化项目目录 ...
git clone https://gitee.com/panie/vite-electron-vue.git 1. 运行项目 1/ 采用vscode 打开文件夹 2/ 查看一下各种命令的版本 $ node -v v18.16.0 # 更改源。 首次安装一定要更改源,要不然下面的命令慢到会怀疑人生 $ npm config set registry https://registry.npm.taobao.org -g ...