vue源码debug环境搭建

概述为了探究vue的本质，所以想debug一下源码，但是怎么开始是个问题，于是有了这样一篇记录。目标是为了可以调试es6版本的，也就是src下的源码，所以主要是sourceMap的开启。原文来自：https://blog.csdn.net/ReusLi/…。因为不喜欢其排版，所以简单整理一下。流程1.clone vue项目本身 这里是vue项目的克隆地址https://github.com/vuejs/vue.git,执行常规的git clone命令就好。git clone https://github.com/vuejs/vue.git2.npm install3.npm setup4.npm install rollup-plugin-alias@^1.4.0 -D (非win10用户可跳过该步)5.修改克隆下来的项目中的\build\config.js文件中的function genConfig (name) {}内部的配置对象const config = {xxx}，在其中加入sourceMap: true字段。6.npm run dev启动调试环境7.打开/exapmle/commits/index.html（在浏览器中直接打开即可），直接F12调试即可。备注第6步起来后，会在/dist目录下生成一个vue.js的文件，只要引入该文件即可调试。第7步中的examples文件夹中的文件作为示例使用。结语至此就可以开心的研究vue源码啦。