相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 vue.js 开发 Electron 桌面应用的脚手架,该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。
该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用
作为脚手架工具,加上拥有
- vue-cli
的
- vue-loader
、
- webpack
或是
- electron-packager
,以及一些最常用的插件,如
- electron-builder
、
- vue-router
等等。
- vuex
你会在本样板代码中找到的东西...
设置
- package.json
与
- appveyor.yml
配置用于 electron-builder 的自动部署 *
- .travis.yml
主进程时重启进程
- main
* 在
脚手架中可定制
- vue-cli
该样板代码被构建为 vue-cli 的一个模板,并且包含多个选项,可以自定义你最终的脚手架程序。本项目需要使用
或更高版本。electron-vue 官方推荐 yarn 作为软件包管理器,因为它可以更好地处理依赖关系,并可以使用
- node@^7
帮助减少最后构建文件的大小。
- 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 和其他依赖关系所需的所有必要构建工具。
只需指向
分支即可。请注意,electron-vue 已经正式废除了
- 1.0
的使用,因此,这些更改也同样会反映到项目结构、功能和文档上 ( 遗留文档 )。
- vue@^1
- vue init simulatedgreg / electron - vue#1.0 my - project
请务必查看 这个文档 。在这里,你将找到有关项目配置、项目结构和构建应用程序的有用信息。这里还有一个方便的 常见问题 的部分。
看看一些基于 electron-vue 建造的了不起的的项目。想要在此列出你自己的项目吗?请随时提交 pull 请求。
来源: http://www.bubuko.com/infodetail-2428391.html