electron-vue 是一个基于 vue 来构造 electron 应用程序的样板代码。
该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli
作为脚手架工具,加上拥有 vue-loader
的 webpack
、electron-packager
或是 electron-builder
,以及一些最常用的插件,如vue-router
、vuex
等等。
在 这里 查看其文档。
你会在本样板代码中找到的东西...
基本的项目结构与 单一的 package.json
设置
详细的 文档
使用 vue-cli 作为项目脚手架
立即可用的 Vue 插件 (axios, vue-electron, vue-router, vuex)*
预装开发工具 vue-devtools 和 devtron
使用 electron-packager 或 electron-builder 轻松打包你的应用程序*
appveyor.yml
与 .travis.yml
配置用于 electron-builder 的自动部署*
能够生成用于浏览器的网页输出
便利的 NPM 脚本
使用携带模块热更新 (Hot Module Replacement) 的 webpack 和 vue-loader
在工作在 electron 的 main
主进程时重启进程
支持使用 vue-loader 的 HTML/CSS/JS 预处理器
默认支持 stage-0
的 ES6
使用 babili
避免完全反编译到 ES5
ESLint (支持 standard
和 airbnb-base
)*
单元测试 (使用 Karma + Mocha)*
端到端测试 (使用 Spectron + Mocha)*
* 在vue-cli
脚手架中可定制
以下呢是我个人在开发过程中遇到的问题以及一些功能的使用方法和打包报错进行的总结。 electron-vue 下载使用 1:npm install -g @vue/cli 安装vue-cli 2:vue init simulatedgreg/electron-vue my-project 创建electron-vue项目 3:cnpm install || npm install || yarn i
electron-vue 目前官网的最新版本electron为11.5。但是在开发过程中,或许会用到新的electron版本,所以想要更新electron版本的话,需要在项目中做出一些变动。很简单的。 1:在package.json 中删掉 vuex-electron 2:在main.js 中注释 store 的引入 3:在main文件下的index.js 中去掉引入的store即可。 完成以上三
土狗音乐播放器 一个基于 electron-vue 开发的音乐播放器 (持续更新中..欢迎star) 运行 git clone https://github.com/SmallRuralDog/electron-vue-music.gitcd electron-vue-musicnpm install# serve with hot reload at localhost:9080npm run
sunrise-electron-vue [Gitee] [GitHub] 是 SUNRISE 系列项目的前端和 sunrise-spring-boot [Gitee] [GitHub] 是姊妹项目,该项目是一个后台前端解决方案,它基于 vue.js 开发堆栈和 electron 并使用 element-ui 实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提
electron-vue-boilerplate Simple boilerplate for building Vue app with Electron and Webpack. Whats under the hood? Simple Vue app (vue-router and vuex can be additionally installed). Electron with elec
Vue CLI Plugin Electron Builder Easily Build Your Vue.js App For Desktop With Electron Build status: Top Supporters Glenn Frank Quick Start: Open a terminal in the directory of your app created with V
在我们深入了解Electron的API之前,我们需要探讨一下在Electron中可能遇到的两种进程类型。 它们是完全不同的,因此理解它们非常重要。 Electron Application Architecture Before we can dive into Electron's APIs, we need to discuss the two process types available
基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。