Coder Social home page Coder Social logo

gooooooooooooogle / autopack Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 393 KB

拖拽项目,自动将源文件和可执行文件分别进行压缩打包备份。同时将旧版本的可执行文件重命名,增加时间戳。

JavaScript 71.40% EJS 2.42% Vue 26.17%

autopack's Introduction

AutoPack

使用electron-vue模板搭建的文件打包工具。 拖拽项目至该工具后,自动将源文件和可执行文件分别进行压缩打包备份。同时将旧版本的可执行文件重命名,增加时间戳。

环境

  • Node 14.17.5
  • npm 6.14.14

运行

  • 1.npm install
  • 2.npm run dev

Windows下的构建

一:打包成文件夹及绿色免安装

  • 1.npm run build:clean
  • 2.npm run build:dir

注意:

build过程中,若winCodeSign依赖包无法下载导致构建失败。解决方法如下:

  • 1.打开链接: https://github.com/electron-userland/electron-builder-binaries/releases
  • 2.选择对应版本的Source code (zip)下载并解压,里面已经包含nsis
  • 3.windows系统下,在%LOCALAPPDATA%(C:\Users\Administrator\AppData\Local)目录下新建electron-builder\cache\ 文件夹
  • 4.将第二步Source code (zip)解压后的所有文件,拷贝至cache目录下
  • 5.将/cache/winCodeSign文件夹拷贝一份,再放入/cache/winCodeSign目录内, 并将winCodeSign文件夹名称修改为对应版本的名称(例如:winCodeSign-2.6.0)
  • 6.至此,npm run build:dir 应该可以了。

目录结构

二:打包成exe的安装包

  • 1.npm run build:clean
  • 2.npm run build

注意:

build过程中,若nsis、nsis-resources等依赖包无法下载导致构建失败。解决方法如下:

  • 1.根据报错失败的两个下载链接,手动进行下载解压, 并替换至C:\Users\Administrator\AppData\Local\electron-builder\cache下,具体操作如下:

    (1)将下载后的nsis-3.0.4.1文件夹放入/cache/nsis文件夹下

    (2)将下载后的nsis-resources-3.4.1文件夹放入/cache/nsis文件夹下

  • 2.不能更改下载后的两个文件夹名称,文件夹名称必须和报错中提到的文件名称一致。若不一致,请手动修改一致。

  • 3.最终目录结构如下:至此,应该可以build成功了。

目录结构

Node版本引起的常见问题

解决方法

界面预览

界面预览

autopack's People

Contributors

gooooooooooooogle avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.