doc---eleoctron _vue桌面应用

一、起步

# 安装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


doc---eleoctron _vue桌面应用_第1张图片



doc---eleoctron _vue桌面应用_第2张图片

二、开发项目(和vue_cli相同)


doc---eleoctron _vue桌面应用_第3张图片


doc---eleoctron _vue桌面应用_第4张图片

三、项目打包

npm install electron-package --save-dev


doc---eleoctron _vue桌面应用_第5张图片

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)


doc---eleoctron _vue桌面应用_第6张图片


doc---eleoctron _vue桌面应用_第7张图片

四、打包后代码加密

 npm install --save-dev asar


doc---eleoctron _vue桌面应用_第8张图片

asar pack

 

dir文件路径;

output输出文件路径;


出现此文件:

doc---eleoctron _vue桌面应用_第9张图片

后可以删除app文件夹,即实现加密

你可能感兴趣的:(doc---eleoctron _vue桌面应用)