很多做web前端或者h5开发app的人，都想自己做一个app安装到自己的手机上，app改成自己的名字或者使用自己的头像做图标，
感觉是不是很xx，今天，偶来教大家如何使用前端工具打包自己的app；
首先，大家先下载工具HBuilderX，官网下载地址：https://www.dcloud.io/hbuilderx.html；
打开官网后大家点击下载：
在弹出的界面中选择自己电脑版本的软件下载：
下载后直接下一步，下一步安装即可，由于偶的电脑已经安装了，就不再演示安装过程，很简单的，安装过后是这个样子的：
双击打开软件；新建项目，根据图中的步骤来操作，
1、大家选择第二个uni-app
2、写好项目名称
3、选择保存路径
4、选择默认模板
点击创建，这时大家得到一个创建的项目结构：
这里简单说一下，因为uni-app基于vue.js来开发的，所以会vue的小伙伴们使用起来会很容易上手。大家需要编辑的页面就是在pages目录中，这里大家修改index.vue文件如下图
再点开manifest.json文件，修改基础配置，把app修改成自己的名字和使用自己头像做图标，
大家这里填写应用名称和描述，第一项app应用标识是云端获取的，不需要大家手动填写；
配置安装到手机上的图标，因为小编手机是安卓机，所以这里选择了安卓图标配置，选择的图标根据指定的尺寸大小做好对应的图标：
如果需要修改默认启动图标可以自己区设置修改。和修改app图标配置一样；
这样就差不多了，点击保存；
最后点击项目名，然后再工具栏上点击“发行——原生app云端打包”，然后在弹出的界面取消iOS勾选，Android使用共用证书，最下面是广告，如果勾选广告的话可以赚收益的，最后大家点击“打包”
打包需要几分钟，等一会大家就可以看到下载的界面：
点击链接就可以下载apk包了：
这时大家把下载下来的apk包传到手机上就可以安装了。这是偶已经安装好了的截图：
这里因为uni-app默认使用流动布局，所以这里所有的li都显示到了一行；
以前开发一个app，需要一个安卓和一个IOS原生开发，各自开发一套以适应不同的手机操作系统，这样做带来的问题就是需要开发两套一样的app，而且开发成本和维护成本会大大提高；而近几年随着前端技术的不断发展，这一问题可以在前端完美解决；这给大家web前端的小伙伴带来了福音，开发一套代码可以多端（安卓，iOS，微信小程序，h5）运行；
是不是很棒，小伙伴们，赶紧拿着自己的手机安装一个属于自己的app吧。
css的版本，字体CSS库，1css5，hover css图片加透明，字斜着摆放的css，css检测苹果浏览器，手机端css 点击变色