# electron+vue

**Repository Path**: pulb_study/electron_vue

## Basic Information

- **Project Name**: electron+vue
- **Description**: 该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件，如vue-router、vuex 等等。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-26
- **Last Updated**: 2024-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。


概要

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


在 这里 https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

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

基本的项目结构与 单一的 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 请求。
。