# electronCase

**Repository Path**: xinzhedeai/electronCase

## Basic Information

- **Project Name**: electronCase
- **Description**: 跨平台应用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electronCase
### electron开发笔记
    1. npm/cnpm install --save-dev electron // 搭建依赖
    2. 实时加载electron代码
    
```
    // 安装依赖
    cnpm install electron-connect --save-dev
    cnpm install gulp --save-dev
    // 创建gulpfile.js 文件 并添加如下内容
    var gulp = require('gulp');
    var electron = require('electron-connect').server.create();

    gulp.task('watch:electron', function () {
    electron.start();
    gulp.watch(["./src/**/*.js"], electron.restart);
    gulp.watch(['./src/windows/**/*.{html,js,css}'], electron.reload);
    });

    // 在 main.js 中添加(此处代码要放到ready回调里面，不然会报错)
    var client = require('electron-connect').client;
    client.create(new BrowserWindow());

    // 在项目路径下执行如下命令，程序启动成功，实时刷新效果实现
    gulp watch:electron
```
    3. 打包electron应用
    ```
    // package.json 中配置命令
    "packageWin": "electron-packager ./ myClient --win --out ../myClient --arch=x64 --icon=./xmay.ico  --app-version=0.0.1 --electron-version=6.0.7 --ignore=\"dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules\" --overwrit
    // 在控制台直接执行
    electron-packager ./ myClient --win --out ../myClient --arch=x64 --icon=./xmay.ico  --app-version=0.0.1 --electron-version=6.0.7 --ignore="dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules" --overwrite
    ```
    4. 打包成安装文件，开机自启操作
    ```
    https://www.cnblogs.com/kakayang/p/9559777.html
    ```
#### 
跨平台应用

#### 软件架构
软件架构说明


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明

1. xxxx
2. xxxx
3. xxxx

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)