02_electron快速建立项目

一、安装 yarn

  在此之前可以先安装 git：Git - Downloads (git-scm.com)

  下面就是 yarn 安装的代码，在终端输入即可。

npm install --global yarn

 

  检查是否安装成功：

yarn --version

 

二、快速建立一个electron项目

  其实在Getting Started - Electron Forge就提到了，用 npm 也可以。这里就用新下载的 yarn。

  首先在想在放置项目的地方右键，用 Open Git Bash Here，输入：

yarn create electron-app Fast     # Fash 是文件名

   这里我出现了这种情况：

yarn install v1.22.5
[1/4] Resolving packages...
info There appears to be trouble with your network connection. Retrying...

   这里就是出现了网络问题，更换淘宝镜像解决问题：

yarn config set  registry https://registry.npm.taobao.org
yarn install --network-timeout 100000    # 并把上限超时给100000

   之后进入 Fast 文件，输入：yarn start就会出现这种情况：

 

三、编译一个.exe可执行文件

  首先在 Vscode 打开终端，直接输入以下命令，就可以它自动编译了。

yarn make

  但有个问题是，我这里遇到了这样的问题：

  所以这里得 右击此电脑 => 属性 => 高级系统设置 => 环境变量把git加入路径 E:\Study\Git\bin。

  再在 Vscode 终端里面输入 yarn make 。完成后就会出现下面的界面：

  之后在 out 文件夹下出现了一个 fast-win32-x64 文件夹，只需要把这个文件夹打包给任何人都可以使用啦。