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...
使用Vue CLI创建一个新的Vue 2项目: bash vue create my-vue-electron-app 在创建过程中,选择Vue 2作为版本。 3. 安装Electron和Electron Builder 进入项目目录,并安装Electron和Electron Builder: bash cd my-vue-electron-app vue add electron-builder 这将自动配置Electron相关的依赖和文件。 4. 配置Electro...
Electron-vue实战(二)— 请求Mock数据渲染页面 作者:狐狸家的鱼 本文链接 GitHub:sueRimn 一、环境搭建 1、安装Mock.js 如果仅仅用作脱离后台的模拟数据,就安装在开发环境中: npminstallmockjs -D 2、安装axios-mock-adapter axios-mock-adapter是一款axios的请求模拟调试器,可以使用它来实现请求拦截并模拟后台回复。
1、添加打包工具-注意 要在当前项目目录中进行 vueadd electron-builder 注意:因为electron的一些资源在github上,如果下载出错的话可能需要使用淘宝镜像下载 设置淘宝镜像地址:npm config set registry https://registry.npmmirror.com 2、安装完成后需要选用版本,默认选择13.0.0,回车选择。 3、安装完成后检查项目,会生...
2. 安装 yarn add vuetify 3. 设置 （1）修改main.js如下：import { createApp } from 'vue'import App from './App.vue'// Vuetifyimport 'vuetify/styles'import vuetify from './plugins/vuetify'createApp(App).use(vuetify).mount('#app')使用示例： HelloWorld.vue <template> <v-container> ...
"@vue/cli-service": "~4.5.0", "babel-eslint": "^10.1.0", "cross-env": "^7.0.2", "electron": "^24.8.8", "electron-reloader": "^1.2.3", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2", "vue-template-compiler": "^2.6.11" }, "eslintConfig": { "root": tru...
首先新建一个vue项目,在选项中选择vue2,按默认配置生成。如果在生成过程中出现错误中断,请先删除node_modules文件夹,不用再安装,因为后续会再装 PS:如果你是老项目,请无视上面这一步,直接把node_modules文件夹删除。 代码语言:powershell AI代码解释
一、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中集成electron electron是使用html构建页面ui的,所以任何可以运行在浏览器中页面都可以加载,那么对简单的就是直接使用我们打包之后的dist中index.html直接运行,首先克隆官方的模板,安装依赖运行起来: 安装electron 运行之后,接下来就是集成我们的vue,直接把vue打包之后的dist目录下文件复制到electron项目根目录下,覆盖...