相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用，今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架，该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。

您可能感兴趣的相关文章

 

概要

该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件，如vue-router、vuex 等等。

在 这里 查看其文档。

你会在本样板代码中找到的东西...

* 在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 用户？

请务必查看  来确保你拥有 electron 和其他依赖关系所需的所有必要构建工具。

希望使用 Vue 1？

只需指向 1.0 分支即可。请注意，electron-vue 已经正式废除了 vue@^1 的使用，因此，这些更改也同样会反映到项目结构、功能和文档上 (遗留文档)。

vue init simulatedgreg/electron-vue#1.0 my-project 下一步

请务必查看 这个文档。在这里，你将找到有关项目配置、项目结构和构建应用程序的有用信息。这里还有一个方便的 常见问题 的部分。

基于 electron-vue 的作品

看看一些基于 electron-vue 建造的了不起的的项目。想要在此列出你自己的项目吗？请随时提交 pull 请求。

 

您可能感兴趣的相关文章

 

原文来自：electron-vue：使用 Vue.js 开发 Electron 桌面应用

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