你是不是刚拿到demo，有点懵，不知道从哪里看起，其实，看demo没那么复杂，今天，我就来聊聊，怎么快速看懂一个demo，帮你省下不少摸索时间。
先看demo的目录结构，这是第一步，也是最关键的一步，目录结构，就像房子的骨架，它能告诉你，这个demo包含了哪些文件，哪些是核心代码，哪些是配置文件，哪些是资源文件，比如，你看到一个src文件夹，里面可能就是源代码，看到一个config文件夹，里面可能就是各种设置，这样，你心里就有底了，知道重点该看哪里。
再看demo的运行效果，光看代码，可能很抽象，所以，一定要先把它跑起来，看看它实际长什么样，能做什么，按照说明文档，或者常见的步骤，比如安装依赖，启动服务，打开浏览器，看看界面，点点按钮，感受一下功能，这样，你才能把代码和实际效果对应起来，理解起来就容易多了。
然后，看demo的核心代码逻辑，跑起来之后，就要深入代码了，别急着从头到尾读，先找到入口文件，比如main.js，或者index.js，看看程序是怎么启动的，然后，顺着主要的函数调用，或者组件渲染的路径，一步步跟下去，重点关注，数据是怎么流动的，界面是怎么更新的，事件是怎么处理的，把主线逻辑理清楚，细节可以慢慢补。
看demo的配置和依赖，一个demo能跑起来，离不开各种配置和第三方库，看看package.json文件，了解它用了哪些依赖，版本是什么，再看看配置文件，比如webpack.config.js，或者.env文件，了解构建和运行的环境要求，这能帮你避免，因为环境问题跑不起来，也能让你知道，如果要修改，该动哪里。
看demo要有方法，先看结构，再跑效果，然后跟逻辑，最后查配置，一步步来，别贪多，搞懂一个，再去看下一个，慢慢你就熟练了。
