如何从零开始拆解uni-app开发的vue项目（一）

uni-app项目分析：

背景：最近接手一个前同事留下的半拉子项目，出拿过来觉得很简单；当我看到app.vue的时候很确定是vue项目，心里不怎么慌，果断安装node.js,然后就去npm ；安装VS code,事实并不是我期盼的那样，或者说根本就不能运行。

报错：应用vs code打开文件，输入命令npm run dev,项目根本就没有运行，一直显示缺少一个package.json文件。

最后由于进度问题，只能去找前同事，听他说前端这几年变化挺大，项目可能适用的是其他编译器，再三辗转确定是HBuilder X。 

一番操作之后，我下载了HBuilder X之后，运行项目其实也不是很顺利，因为这个编译器虽然是免安装的，但是运行之后就会提示缺少运行的插件，还好都是无脑安装。

项目运行后才发向，项目根本没有后台服务，当时心中有一万只羊驼一闪而过；这样的项目怎么还说是成功运行的？不管三七二十一，我先利用HBuilderX的内置管理器进行运行，登录的界面如下：

为了进一步弄清uni.app开发程序的架构,首先打开APP.vue希望从这里查到一点蛛丝马迹&#x