前端入职学习笔记-第二周第二天(electron打包)

学习路径

Electron

electron打包

将electron打包成exe文件有两种方式

打包方式1:DOS窗口命令打包

DOS 下,输入 npm install electron-packager -g全局安装我们的打包神器:

cnpm install electron-packager -g

在项目文件夹下面,也就是根目录下面打开DOS执行打包命令:

electron-packager . 'example' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1

其中:

'example':应用命名

--platform=win32:确定了你要构建哪个平台的应用,可取的值有 darwinlinuxmaswin32

--arch=x64:决定了使用 x86 还是 x64 还是两个架构都用
--icon=icon.ico:自定义设置应用图标
--out=./out:指定打包文件输出的文件夹位置,当前指定的为项目目录下的out文件夹
--asar:该参数可以不加,如果加上,打包之后应用的源码会以.asar格式存在

--app-version=0.0.1:生成应用的版本号
--overwrite:覆盖原有的build,让新生成的包覆盖原来的包
--ignore=node_modules:如果加上该参数,项目里node_modules模块不会被打包进去
--electron-version 9.1.0:指定当前要构建的electron的版本,需要和当前的版本一致,具体可以在package.json文件中查看,可以不加该参数,如果不一致,会自动

打包方式2:package.json设置打包:

建议将打包的命令设置在package.jsonscript

"scripts": {
    "start""electron .",
    "package""electron-packager . 'example' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1"
  },

然后在项目文件夹DOS窗口下执行命令:

npm run package

即可打包成功

打包遇到的问题:

在运行官网示例的过程中,一个安装包(electron-v5.0.8-darwin-x64.zip)下载特别慢,基本下载不下来。更改npm的安装源到taobao的镜像,也没有效果。

所以,可以先在这里下载安装包:

https://npm.taobao.org/mirrors/electron/

将安装包(.zip文件)拷贝到electron文件夹下

然后继续安装electron就可以了。

git上传项目到github易遇到的问题

  • 第一个问题
    git remote add origin**************
    fatal: remote origin already exists.(报错远程起源已经存在。)
    

    上网查了下,有很多小白遇到过这个问题,以下是网上摘取的解决办法,
    解决办法如下:

    1、先输入 git remote rm origin
    2、再输入 git remote add origin**************
    

    这样就不会报错了!

  • 第二个问题

   git remote add origin******

    The authenticity of host 'github.com ' can't be established(无法建立主机“github.com”的真实性)

        这是由于你的git地址采用了ssh方式,切换为https方式即可,也可能是你的仓库地址不对,可以用命令先查看一下:

    git remote -v

         如果跟你的github地址不一样,那就去你的github上复制一下仓库地址,然后在终端中输入:

    git remote set-url origin https://github.com/yourname/learngit.git (这个是你的复制的仓库地址)

       最后再push下就可以了!

   git push origin master 
 如果第一次创建git,需按初始步骤:
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/KyrieXiao/L_node_uploadfile.git
git push -u origin master
 
原文地址:https://www.cnblogs.com/kyrie1/p/13353389.html