electron-vue:Vue.js 开发 Electron 桌面应用

  相信广大同班都懂得 Electron
可以辅助开发人员使用前端技术开发桌面客户端应用,今天牵线的 electron-vue
框架是如出一辙模仿基于 Vue.js 开发 Electron
桌面应用之脚手架,该型的目的,是为要避免采用 vue 手动建立于 electron
应用程序。

乃或许感兴趣的有关文章

  • 网站开发被特别有因此之 jQuery
    效果【附源码】
  • 分享35单受人口惊奇的 CSS3
    动画效果演示
  • 酷惊艳的8独 HTML5 & JavaScript
    特效
  • Web
    开发被甚实用的10单职能【源码下载】
  • 12慢慢悠悠经典的白富美型 jQuery
    图片轮播插件

 

概要

该项目之目的,是以要避免采用 vue 手动建立由 electron
应用程序。electron-vue
充分利用 vue-cli 作为脚手架工具,加上富有 vue-loader 的 webpackelectron-packager 或是 electron-builder,以及一些最常用的插件,如vue-routervuex 等等。

在 这里 查看该文档。

乃会当本样板代码中找到的东西…

  • 中心的色组织和 单一的 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
桌面应用

编译来源:欲天空 ◆ 关注前端开发技术 ◆
分享网页设计资源

相关文章