一、起步
# 安装vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 安装依赖并运行你的程序
cd my-project yarn # 或者 npm install
yarn run dev # 或者 npm run dev
![](https://img.haomeiwen.com/i15920919/d9898622c5328ed9.png)
![](https://img.haomeiwen.com/i15920919/35e6b75e01a710af.png)
![](https://img.haomeiwen.com/i15920919/a55254533ee95760.png)
二、开发项目(和vue_cli相同)
![](https://img.haomeiwen.com/i15920919/ca03a1f1f0017ff9.png)
![](https://img.haomeiwen.com/i15920919/9bc23ce426ae1a78.png)
三、项目打包
npm install electron-package --save-dev
![](https://img.haomeiwen.com/i15920919/ae20e10b86b7c99a.png)
electron-packager 项目目录 app名称 --platform=平台 --arch=架构 --ignore=要忽略的目录或文件
· archia32 , x64 , armv7l , all
· plateformlinux , win32 , darwin , mas , all
· OS X (also known as darwin)Mac App Store (also known as mas)
![](https://img.haomeiwen.com/i15920919/f3df3cdb522af3ec.png)
![](https://img.haomeiwen.com/i15920919/ef8cdbdc1f9c89ff.png)
![](https://img.haomeiwen.com/i15920919/136859b9bb4f2202.png)
四、打包后代码加密
npm install --save-dev asar
![](https://img.haomeiwen.com/i15920919/5bcb8ae148f0bbdf.png)
asar pack <dir> <output>
dir文件路径;
output输出文件路径;
![](https://img.haomeiwen.com/i15920919/8699a698bc6161af.png)
出现此文件:
![](https://img.haomeiwen.com/i15920919/27b3ebd18ed0102b.png)
后可以删除app文件夹,即实现加密
网友评论