内置的 Electron 支持:Electron-Vue 内置了 Electron,你可以直接使用 Electron 提供的功能和 API,如窗口管理、本地文件访问等。 使用npm/yarn 管理依赖:Electron-Vue 使用 npm 或 yarn 管理依赖,你可以使用熟悉的包管理器来安装和管理应用程序的依赖。 使用Vue CLI 进行构建:Electron-Vue 集成了 Vue CLI,你可以使...
1.全局安装vue-cli: npm install -g @vue/cli 2.创建vue项目(注意这里选择vue2或者vue3都可以,我选择vue3): vue create my-electron 3.创建项目后进入项目安装插件(注意不是npm): cd my-electron vue add electron-builder//这里会让选择版本,我选择了13.0.0版本 遇到问题...
淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm install-g cnpm--registry=https://registry.npm.taobao.org; 淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:cnpm install--globalvue-cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功; 第三步:搭建vue项目 使用命令创...
一、Electron-vue简介 Electron-Vue 是一个使用 Vue.js 构建跨平台桌面应用程序的框架。它基于 Electron,一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源库。 Electron-Vue 结合了 Vue.js 的灵活性和 Electron 的跨平台能力,使得开发桌面应用程序变得更加简单和高效。以下是一些 Electron-Vue 的主要...
框架会在一个实践中持续完善 实践项目地址 https://blog.csdn.net/qq_42027681/category_10690045.html github地址 Vue2.x版本 https://github.com/dmhsq/electron-vue-dmhsq 或者https://github.com/dmhsq/electron-vue/tree/main/template Vue3.x版本 https://github.com/dmhsq/electron-vue3-dmhsq elect...
加入Vue后的项目结构: 改动1:启动&编译命令的调整 改动2:增加主进程文件background.js 增加调试配置文件: 因为我们增加的插件对Electron模块进行了一定程度的再次包装,所以调试需进行如下配置,配置脚本来自《Electron实战:入门、进阶与性能优化》; ...
最近在弄一个vue嵌套到客户端的项目,研究了一下electron这个框架,如果用原生的electron写的话,主要是用nodejs,但我对nodejs不怎么熟悉,所以准备用electron嵌套vue。 (一)electron-vue electron-vuegithub.com/SimulatedGREG/electron-vue 首先是看了下这个插件,上面是electron-vue的githup,看着有两年没更新了,并且...
(2)yarn # 或者 npm install (3)yarn run dev # 或者 npm run dev image 另一种创建项目方式 用yarn安装---快捷创建项目 https://yarn.bootcss.com/ 1.yarn create electron-app demo 2.cd demo 3.yarn start 4.yarn make 2、electron-vueUI框架ElementUi的使用 地址...
这篇文章主要记录一下Electron结合前端框架Vue + Vite的应用,整合三者框架并实现一键打包 目录结构 Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 ...