vue压缩后的反编译
最近因为一些事所以需要得到师兄的某个apk的源代码，但师兄说那个项目包已经删了，哎，没办法，只能自己想办法了。后来找到了反编译apk的方法，现在拿出来分享下。其实这个方法网上都有，我只是记载一下自己这段时间的学习情况。
1.下载工具
首先，要反编译需要下面这
4个工具：
dex2jar：将apk中的classes.dex转化成Jar文件。
JD-GUI：反编译工具，可以直接查看Jar包的源代码。
apktool：反编译工具，通过反编译APK中XML文件，直接可以查看。
apktool-install-windows-r05-ibot：辅助windows批处理工具。
2.解压apk
直接右键解压apk就行了，这没什么好说的。【解压后会有个dex后缀的文件，下面会用到】
3.反编译dex文件
1）解压下载的dex2jar，把解压后的文件夹放到系统盘跟目录中并把这个目录加到系统path变量中，就可以直接用:dex2jar.bat或dex2jar.sh转换dex文件了。
2）DOS行命令如下：dex2jar.bat
xx\classes.dex（xx是classes.dex文件所在的路径）。
将在同目录得到普通jar包：【classes_dex2jar.jar】，就可以用处理普通jar包的方法来反编译这个jar包得到原文件。
4.反编译jar文件
1）解压压缩文件JD-GUI
2）运行该文件夹里的jd-gui.exe，打开上面生成的jar包，
即可看到源代码了。
5.反编译xml文件
为什么要发编译xml文件呢？因为直接解压apk得到的xml文件是乱码来的，我们需要用工具把它调会正常来
具体操作方法：
1）将下载的apktool和apktool-install-windows-r05-ibot两个包解压到同一个文件夹下，这个文件夹有三个文件：aapt.exe，apktool.bat，apktool.jar。
2）把这个文件夹也放到系统盘的根目录中并把这个目录加到path变量中。以HelloWord.apk为例：
3）在DOS命令行中输入：apktool
d
xx\HelloWord.apk
HelloWord得到HelloWord文件夹，此文件夹中的xml文件就是编译好的可以正常查看的文件。
6.后话
不过，说到底反编译还是反编译，还是不能完全地还原出真正的源代码的，比如一般会出现下面这样的问题：
setContentView(2130903048);
在真正的源代码中其实是这样的：
setContentView(R.layout.welcome)
B. 怎么保存这个网站的源码这个是vue写的模版，我想把这个源码导出来，反编译vue源码
反编译需要js.map文件；一般部署的时候回删掉
C. vue-codemirror代码格式化后,怎样压缩代码
具体操作步骤如下：
1、设置proctionSourceMap为false。如果不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。设置为false打包时候不会出现.map文件。
2、代码压缩。安装uglifyjs-webpack-plugin插件，可以去除项目中console.log和debugger。
3、图片资源压缩。
安装 image-webpack-loader 插件，可以将大图片进行压缩从而缩小打包体积。
4、开启gzip压缩。
D. 反编译时提示如下错误怎么解决
1、反编译=回编译后分别是
smali目录 回编译为 classes.dex 文件
res目录 回编译为 resources.arsc 文件
2、回编译顺序
在回编译时，会先检查“源”即resources
当你汉化文件，修改出错了（缺少一个符号也不行），
那么回编译会自动跳过编译res文件夹，直接回编译smali 。
所以，如果没有对smali（classes.dex）汉化，那么建议大家删掉这个文件夹，
这要会大大加快回编译速度。1、反编译=回编译后分别是
smali目录 回编译为 classes.dex 文件
res目录 回编译为 resources.arsc 文件
2、回编译顺序
在回编译时，会先检查“源”即resources
当你汉化文件，修改出错了（缺少一个符号也不行），
那么回编译会自动跳过编译res文件夹，直接回编译smali 。
所以，如果没有对smali（classes.dex）汉化，那么建议大家删掉这个文件夹，
这要会大大加快回编译速度。
3、出错问题1
在汉化时，往往会不小心删掉一些符号，如 "<" ">"符号等等。
<string name="app_name">File Manager</string>
<string name="app_name">文件管理器/string>
<string name="app_name"文件管理器</string>
这些小小的错误都会导致回编时译检查出错。
所以汉化时，注意对校，然后再回编译。
建议使用一些高级的文本编辑器，支持语法高亮视图的。
4、出错问题2
最近发现有些APK文件 反编译后，就算不汉化直接回编译，都会出错。
有可能的原因1，反编译后XML文件语法中@符号 前面多了"\" （\@ ），
用文本编辑工具 直接替换【\@】为【@】，应该可以解决。
建议使用最新版本的反编译工具。
5、建议大家使用新版本的APKTool工具，
当然如果新的有问题也可以试试旧的一、系统文件汉化再次强调
1、汉化Settings.apk(系统设置)、MMS.apk（信息）、Phone.apk（电话）、
等等系统文件，一定要先 安装构架，具体看另个文件
<关于APKTool工具反编译Settings.apk问题>。
2、系统文件汉化完后不需要签名，直接替换汉化后的文件，就可以了。
主要是，系统文件放在系统目录，无需再次读取签名获得权限，已经是高级了。
二、打包说明
1、通常汉化完回编译后，会自动生成所有APK内的文件，或者自动生成*.APK文件。
但是建议大家不要直接使用该文件，进了使用替换法，替换掉你汉化后的文件，
如：resources.arsc，如果修改过的图片，等等…
2、很多人对于APK文件 解压缩或压缩 都用“WinRAR”或“好压”，这里不推荐。
希望大家安装7-Zip这个压缩工具，对于zip格式的支持是最好的。而且很方便，
不需要重新关联apk 直接右键打开就行了。替换直接拖拉进去，就OK了一、回编译出错问题
(1.提示 strings.xml 最后一行错误，检查是否</string>符号错误；
在汉化时，往往会不小心删掉一些符号，如 "<" ">"符号等等。
<string name="app_name">File Manager</string>
<string name="app_name">文件管理器/string>
<string name="app_name"文件管理器</string>
(2.提示 strings.xml 最顶部含中文代码首行错误，编码格式不对，转换成 UTF-8；
(3.提示 public.xml 出错，检查改动过的 arrays.xml 是否代码有错误的地方；
E. jar解压后 如何把解压出来的文件夹 重新编译成jar
用winrar打包成zip，再改成jar即可：
1、假设您之前解压的是下面的这些文件
F. 反编译出源代码后，怎样修改并且编译回去
反编译完成并且修改代码完成后，输入代码：apktool
d
framework-res
即可完成回编译
回编译后的新的
apk在framework/dis
文件夹里面
如果反编译的是系统文件，比如，SystemUI.apk
那么必须进行挂载框架，反编译时，必须敲入一下命令：（然后再重复7-9步骤）
apktool
if
framework-res.apk
apktool
if
SystemUI.apk
对于三星手机（比如9100、9108/9100G),如果反编译SystemUI.apk要敲入一下命令进行框架挂载apktool
if
framework-res.apk
apktool
if
twframework-res.apk
apktool
if
SystemUI.apk
回编译的命令是
apktool
b
XXX
(没有后面的apk后缀）反编译的命令是
apktool
d
xxx
(有后面的apk)
G. vue反编译是什么
就是webpack打包后的代码，编译成源代码
H. 为什么学习Vue框架
vue框架算是最近前端开发很好的工具。可以突破以前所没有实时更新页面。很有发展前景，很多大公司现在正在使用。
Vue框架诞生于2014年，其作者为中国人——尤雨溪，也是新人最容易入手的框架之一，不同于React和Angular,其中文文档也便于大家阅读和学习。Vue用于构建交互式的Web界面的库，是一个构建数据驱动的Web界面渐进式框架，该框架遵循CMD规范，并且提供的设计模式为MVVM模式（Model->View->View-Model）和一个可组合的组合型组件系统，具有简单的、灵活的API(接口)。该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术，是一款较新的功能性框架。
在这里介绍下什么是虚拟DOM和双向数据绑定：
1、虚拟DOM（Virtual DOM），顾名思义，从字面上理解就是虚构的DOM树，当我们用传统的原生API或者jQuery去操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。即使计算机硬件一直在更新迭代，但是操作真实DOM的代价仍旧很昂贵，真实的DOM节点，哪怕是一个最简单的div也包含很多属性，所以频繁的操作，会导致页面卡顿，影响用户的体验。为了解决这个浏览器性能问题，虚拟DOM（Virtual DOM）就被设计出来了，其核心算法是Diff算法。它会将一次操作过程中对真实DOM所有更新的diff内容保存到本地的一个js对象中，最终将这个js对象一次性attach到DOM树上，通知浏览器去执行绘制工作，避免了大量的无谓的计算量。
用js对象模拟DOM节点的好处是：页面的更新可以先全部反应在js对象上，操作内存中的js对象的速度明显要快的多。等更新完成后，在将最终的js对象映射成真实的DOM，交由浏览器去绘制。（提高了性能，并且运行速度快）
2、双向数据绑定，在讲双向数据绑定前，我们要想说下单向数据绑定，单向数据绑定，就是把Model绑定到View上，当我们用JavaScript代码更新Model时，View就会自动更新了（Model-->View）。那么双向数据绑定就是，用户更新了View，Model的数据也会自动被更新（Model<-->View）。什么情况下用户可以更新View呢？举个最直接的例子，填写表单，当用户填写表单时，View的状态就被更新了，如果此时MVVM框架可以自动更新Model的状态，那么就相当于我们把Model和View做了双向数据绑定。其原理是我们要对input进行value 的属性绑定（v-bind：value=”...”）将Model中的变量绑定到View上（Model->View）以及当用户对input进行操作时，进行事件监听（v-on：input=”...”）将View上的更新传回Model中（View->Model）从而实现双向数据绑定，在Vue中，以上操作过于繁琐，便提供了v-model直接实现双向数据绑定的效果。
在进行Vue项目开发过程中，我们可以通过script标签引入式写法来引入vue或者是nodejs自带的包管理工具npm安装vue。并且通过new Vue（）进行新建一个Vue的实例对象，其下有很多属性，包括el、data、methods、computed、watch等等，el为指向页面的节点元素，data存储数据，数据类型包括simple datatype（简单数据类型）以及complex datatype（复杂数据类型），用插值表达式{{}}显示，在插值显示的时候，不需要写上data，methods内存储方法，通过fn（）的形式调用方法，computed内存储也是方法，但是其为计算数据，复杂逻辑的应该存储在computed中，计算属性是基于它们的依赖进行缓存的，由于computed带有一层缓存，所以只有在它的相关依赖发生改变时才会重新运行，而methods则是调用一次生成一次，computed中的方法调用时不需要加（）的，watch为监听，监控，监听data中的属性值也可以监控对象，存在两个参数（currentValue当前值和prevValue之前值）。
I. vue压缩后的js可以反编译出来吗
vue压缩后的js可以反编译出来，反编译方法为：
1、在桌面找到自己下载的浏览器软件，点击浏览器图标。
J. 前端vue+typescript 的时候组件name 在生产环境被压缩 导致keep-alive失效 求解决
估计你是用的include 或者 exclude，ts文件也是用的 class 写的。这样打包时默认压缩了name，对应不上。在vue.config.js中加入下面的代码，不压缩class名就行
configureWebpack: config => {
config.optimization.minimizer[0].options.terserOptions.keep_fnames = true;
}