cd vue-electron-notes进入项目跑一遍yarn serve,这个时候没什么问题就已经成功运行起来了! 2.2 在项目内集成Electron 进入我们项目的根目录,我们执行以下命令来安装插件vue-cli-plugin-electron-builder 代码语言:javascript 复制 vue add vue-cli-plugin-electron-builder 我们选择版本^6.0.0: 代码语言:javascript 复制...
最后在Home.vue中使用我们的FileEdit组件: .sync 这个也是vue 2.3.0+之后新加的一个语法糖,平时在封装组件的时候很好用的一个语法糖,它的实现机制和v-model是一样的。我们可以先看下官方文档:https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6 “在有...
1.首先来创建vue项目 这里用的是vue-cli3,如果是低版本请自行升级。 vue create electron-vue-demo 2.自动安装electron# 进入到项目根目录,执行: vue add electron-builder 注意:这里我的node版本低,要升级下node版本。(用的mac)window自行查找资料 //清除node的cache(清除node的缓存)sudo npm cache clean -f/...
UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 数据信息仿真模拟:mockjs^1.1.0 二、关键特点 前端技术栈Vite2、Vue3、Electron12、Element Plus、Vue-i18n、Echarts5.x、Sortable、Mockjs。 管理权限验证适用部件...
Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
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中增加配置 #增加部分 import AutoImport from 'unplugin-...
npm install @vue/cli -g 2、同样cmd指到D盘,安装vue项目 vue create my_electron_vue 根据需要选择项目配置 如见下图,则安装成功 3、安装electron-builder 进入项目文件my_electron_vue,执行如下指令 vue add electron-builder 选择最新9.0.0 安装成功后,项目结构如下 ...
Ant Design Vue UI 未使用变量报错 清理缓存 ESLint mounted() IPC(Inter-Process Communication) 渲染进程 TO 主进程 ipcRenderer.send ipcMain.on 主进程 TO 渲染进程 ipcRenderer.on 渲染进程 TO 渲染进程 ipcRenderer.sendTo 窗口位置 关闭窗口 websocket Nodejs 钉钉 webhook localStorage 参考文档 初始化 pnpm...
vue3+electron开发桌面软件入门与实战(0)——创建electron应用 中二少年学编程:vue3+electron开发桌面软件入门与实战(1)——创建electron+vue3主体项目 中二少年学编程:vue3+electron开发桌面软件入门与实战(2)——创建electron+vue3框架打包集成 > 严格按照本教程学习与搭建项目,最终一定会得到一个完整的项目。并且...
① 首先可以将vue devtools的代码clone下来, 然后进行编译 git clone https:///vuejs/vue-devtools.gitcd vue-devtools npm install npm run build复制代码 1. 2. 3. 然后把vue-devtools/packages/shell-chrome文件夹复制到项目根目录 ②在background.js文件的app.on('ready',生命周期中进行加载 ...