本文介绍了如何在Vue项目中使用debugger进行调试，包括设置断点的位置、项目启动流程、模块结构分析以及文件加载顺序。重点讲解了renren-ui项目模块划分和执行流程，如node_modules、public、src目录及其内容，以及如何利用router、store和webpack配置来管理和加载资源。
一、前言
有的时候接受同事一个项目，用框架不一样，写的也不太规范，那么就需要打断点去学习改项目的流程了。
那么vue项目是如何debugger调试呢？
二、操作
大概理解一下，vue项目启动，大概是先启动框架，然后把项目映射到内存或者框架中，所以打断点就算在代码中打断点，在初始化项目的时候也不会执行到断点，只有在刷新页面的时候才会执行项目流程，走到断点处；
可以在index.html中打断点，然后刷新页面，就可以看到vue项目执行流程了，如果代码写错了，就会npm run dev 失败，也就是项目加载不成功会具体报错到代码，项目启动成功，刷新页面可以根据打的断点查看执行流程，加载完项目，在内存映射中打断点，再刷新下页面，就可以看到写的vue执行流程了。
三、renren-ui项目模块划分与执行流程
3.1模块划分
1.node_modules：安装的依赖包
2.public：公共的静态资源
3.src：放的是核心的开发组件和
最低0.47元/天 解锁文章
扫一扫
2221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
