执行完以上操作,剩下的我们等待项目下载依赖包,vue项目初始化就算搞定了哈。 cd vue-electron-notes进入项目跑一遍yarn serve,这个时候没什么问题就已经成功运行起来了! 2.2 在项目内集成Electron 进入我们项目的根目录,我们执行以下命令来安装插件vue-cli-plugin-electron-builder 代码语言:javascript 复制 vue add vue...
1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
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 数据信息仿真模拟:mockjs^1.1.0 二、关...
使用npm/yarn 管理依赖:Electron-Vue 使用 npm 或 yarn 管理依赖,你可以使用熟悉的包管理器来安装和管理应用程序的依赖。 使用Vue CLI 进行构建:Electron-Vue 集成了 Vue CLI,你可以使用 Vue CLI 提供的功能来构建和管理应用程序。 使用webpack 进行打包:Electron-Vue 使用 webpack 进行打包,你可以使用 webpack ...
最近在弄一个vue嵌套到客户端的项目,研究了一下electron这个框架,如果用原生的electron写的话,主要是用nodejs,但我对nodejs不怎么熟悉,所以准备用electron嵌套vue。 (一)electron-vue electron-vuegithub.com/SimulatedGREG/electron-vue 首先是看了下这个插件,上面是electron-vue的githup,看着有两年没更新了,并且...
重装了系统之后,重装环境,然后运行electron-vue-vite 的项目打包的时候,发现打包失败了! AI 排查不了这样的环境问题,于是把解决过程记录在此。 错误信息 原因分析 electron在打包的时候,会在用户的这个目录下,下载一些打包必须要用到的组件,放在这两个目录下。
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
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版本,目前论坛大部分使用...
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'
基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息发送/动态表情,图片/视频预览,拖拽图片/粘贴截图发送,朋友圈/红包/换肤等功能。 技术栈 框架技术:electron + electron-vue + vue