1.创建项目 vue create vue-project 2.安装electron vue add electron-builder 会自动安装相关依赖 安装成功后会在src下自动生成一个background.js文件就是相应的electron的配置信息 'use strict' import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron...
1、添加打包工具-注意 要在当前项目目录中进行 vueadd electron-builder 注意:因为electron的一些资源在github上,如果下载出错的话可能需要使用淘宝镜像下载 设置淘宝镜像地址:npm config set registry https://registry.npmmirror.com 2、安装完成后需要选用版本,默认选择13.0.0,回车选择。 3、安装完成后检查项目,会生...
1.要确定好打包的位置,要与 background.js 里loadFile 函数的地址对上。 2.如果是window系统,需要在 vue.config.js 里将publicPath 字段默认值改为 ./,不然会出现打包完成后页面空白现象。因为window会将/识别为上一级目录。(这点说的是新建的项目,因为vue默认路径是/) npm run build 打包完成后,在命令行2...
Electron-Vue 是一个使用 Vue.js 构建跨平台桌面应用程序的框架。它基于 Electron，一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源库。Electron-Vue 结合了 Vue.js 的灵活性和 Electron 的跨平台能力，使得开发桌面应用程序变得更加简单和高效。以下是一些 Electron-Vue 的主要特点：使用 Vue.js 构...
首先新建一个vue项目,在选项中选择vue2,按默认配置生成。如果在生成过程中出现错误中断,请先删除node_modules文件夹,不用再安装,因为后续会再装 PS:如果你是老项目,请无视上面这一步,直接把node_modules文件夹删除。 代码语言:powershell 复制 vue create electron-vue ...
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...
2. 安装 yarn add vuetify 3. 设置 (1)修改main.js如下: import{createApp}from'vue'importAppfrom'./App.vue'// Vuetifyimport'vuetify/styles'importvuetifyfrom'./plugins/vuetify'createApp(App).use(vuetify).mount('#app') 使用示例: HelloWorld.vue ...
vue-help 1.首先全局安装vue-cli npm install vue-vli -g2、cd 进入目标盘 cd f;3. vue init webpack vuedemo3 vuedemo3 是项目名称;初始化项目 注意use esLint 最好 no;(因为严格模式,开发时候,容易出错,个人观点)4.然后 ctrl +c 安装各种依赖 (注意进入package.json的目录下安装依赖,否则容易失败)5...
在vue中集成electron electron是使用html构建页面ui的,所以任何可以运行在浏览器中页面都可以加载,那么对简单的就是直接使用我们打包之后的dist中index.html直接运行,首先克隆官方的模板,安装依赖运行起来: 安装electron 运行之后,接下来就是集成我们的vue,直接把vue打包之后的dist目录下文件复制到electron项目根目录下,覆盖...
今天开始我们的安装,默认以及创建好了vue2项目 因为一些众所周知的原因,建议国内的小伙伴使用cnpm安装并且把源改为淘宝的 npm install -g cnpm --registry=https://registry.npm.taobao.org 然后就开始安装我们的electron,命令:cnpm install electron -g