02_electron快速建立项目

发布时间 2023-09-21 09:50:55作者: 烟儿公主

一、安装 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 文件夹,只需要把这个文件夹打包给任何人都可以使用啦。