electron-vue:Vue.js 开发 Electron 桌面应用
2017-12-14 14:04
836 查看
相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架,该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。
您可能感兴趣的相关文章
网站开发中很有用的 jQuery 效果【附源码】
分享35个让人惊讶的 CSS3 动画效果演示
十分惊艳的8个 HTML5 & JavaScript 特效
Web 开发中很实用的10个效果【源码下载】
12款经典的白富美型 jQuery 图片轮播插件
基本的项目结构与 单一的
详细的 文档
使用 vue-cli 作为项目脚手架
立即可用的 Vue 插件 (axios, vue-electron, vue-router, vuex)*
预装开发工具 vue-devtools 和 devtron
使用 electron-packager 或 electron-builder 轻松打包你的应用程序*
能够生成用于浏览器的网页输出
便利的 NPM 脚本
使用携带模块热更新 (Hot Module Replacement) 的 webpack 和 vue-loader
在工作在 electron 的
支持使用 vue-loader 的 HTML/CSS/JS 预处理器
默认支持
使用
ESLint (支持
单元测试 (使用 Karma + Mocha)*
端到端测试 (使用 Spectron + Mocha)*
* 在
你是一个 Windows 用户?
请务必查看 Windows 用户注意事项 来确保你拥有 electron 和其他依赖关系所需的所有必要构建工具。
希望使用 Vue 1?
只需指向
Surfbird: 一个基于 Electron 和 Vue 的 Twitter 客户端
Lulumi-browser: Lulumi-browser 是一个轻量级的浏览器,基于 Vue.js 2 和 Electron
Space-Snake: 使用 Electron 和 Vue.js 构建的桌面游戏。
Forrest: 一个 npm 脚本的桌面客户端
miikun: 一个简单的 Markdown 编辑器
Dakika: 超省时的应用程序,使写作变得轻而易举
Dynamoc: Dynamoc 是一个 dynamodb-local、 dynalite 和 AWS dynamodb 的图形化界面客户端
Dockeron: Dockeron 项目, 基于 Electron + Vue.js 的 Docker 桌面客户端
Easysubs: 快速简单地下载字幕
Data-curator:分享可用的開放數據。
您可能感兴趣的相关文章
精心挑选的美轮美奂的 jQuery 图片特效插件
精心挑选的优秀jQuery Ajax分页插件和教程
精心挑选的优秀 jQuery 文本特效插件和教程
8款非常棒的响应式 jQuery 幻灯片插件推荐
精心挑选12款优秀 jQuery 手风琴插件和教程
原文来自:electron-vue:使用 Vue.js 开发 Electron 桌面应用
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
您可能感兴趣的相关文章
网站开发中很有用的 jQuery 效果【附源码】
分享35个让人惊讶的 CSS3 动画效果演示
十分惊艳的8个 HTML5 & JavaScript 特效
Web 开发中很实用的10个效果【源码下载】
12款经典的白富美型 jQuery 图片轮播插件
概要
该项目的目的,是为了要避免使用 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脚手架中可定制
起步
该样板代码被构建为vue-cli的一个模板,并且包含多个选项,可以自定义你最终的脚手架程序。本项目需要使用
node@^7或更高版本。electron-vue 官方推荐
yarn作为软件包管理器,因为它可以更好地处理依赖关系,并可以使用
yarn clean帮助减少最后构建文件的大小。
# 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project # 安装依赖并运行你的程序 cd my-project yarn # 或者 npm install yarn run dev # 或者 npm run dev
你是一个 Windows 用户?
请务必查看 Windows 用户注意事项 来确保你拥有 electron 和其他依赖关系所需的所有必要构建工具。
希望使用 Vue 1?
只需指向
1.0分支即可。请注意,electron-vue 已经正式废除了
vue@^1的使用,因此,这些更改也同样会反映到项目结构、功能和文档上 (遗留文档)。
vue init simulatedgreg/electron-vue#1.0 my-project
下一步
请务必查看 这个文档。在这里,你将找到有关项目配置、项目结构和构建应用程序的有用信息。这里还有一个方便的 常见问题 的部分。基于 electron-vue 的作品
看看一些基于 electron-vue 建造的了不起的的项目。想要在此列出你自己的项目吗?请随时提交 pull 请求。Surfbird: 一个基于 Electron 和 Vue 的 Twitter 客户端
Lulumi-browser: Lulumi-browser 是一个轻量级的浏览器,基于 Vue.js 2 和 Electron
Space-Snake: 使用 Electron 和 Vue.js 构建的桌面游戏。
Forrest: 一个 npm 脚本的桌面客户端
miikun: 一个简单的 Markdown 编辑器
Dakika: 超省时的应用程序,使写作变得轻而易举
Dynamoc: Dynamoc 是一个 dynamodb-local、 dynalite 和 AWS dynamodb 的图形化界面客户端
Dockeron: Dockeron 项目, 基于 Electron + Vue.js 的 Docker 桌面客户端
Easysubs: 快速简单地下载字幕
Data-curator:分享可用的開放數據。
您可能感兴趣的相关文章
精心挑选的美轮美奂的 jQuery 图片特效插件
精心挑选的优秀jQuery Ajax分页插件和教程
精心挑选的优秀 jQuery 文本特效插件和教程
8款非常棒的响应式 jQuery 幻灯片插件推荐
精心挑选12款优秀 jQuery 手风琴插件和教程
原文来自:electron-vue:使用 Vue.js 开发 Electron 桌面应用
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
相关文章推荐
- nodejs(1):mac 安装nodejs & electron 环境开发桌面应用
- 关于electron安装失败问题解决方法(node.js开发桌面应用)
- 2018 年你需要知道的 Vue.js 组件库,完善你的应用开发
- heX:用HTML5和Node.JS开发桌面应用
- 用electron开发桌面应用--quick start 的那些坑
- 轻量级桌面应用开发的捷径——nw.js
- Electron开发桌面应用(1):环境准备、入门Demo搭建
- 关于在Vue项目中,运用electron打包成web桌面应用的心得浅见
- Electron结合React开发桌面应用
- electron 将pc端(vue)页面打包为桌面端应用
- node-webkit入门:用JS开发跨平台的桌面应用
- Angular+Electron+VSCode的桌面应用开发入门笔记(1)
- NW.js(node-webkit)桌面应用(app)开发之环境配置
- Java 开发基于Zookeeper,Spring,vue.js的高并发多用户模块化微信商城系统(四) Java微框架Spring Boot的应用
- electron利用nodejs+移动端技术跨平台桌面应用开发框架——记录下,类似node webkit!
- 【Electron】 Electron 开发桌面应用(一) 编写→运行→打包
- Electron跨平台桌面应用开发工具
- (转)heX——基于 HTML5 和 Node.JS 开发桌面应用
- 【最简单】Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件) 标签: 跨平台node.js桌面应用electronelectron-packager 2017-04-
- 轻量级桌面应用开发的捷径——nw.js