Vue源码调试

467 阅读1分钟

最近在研究vue2.0源码,有同事问vue2.0源码如何调试,所以基于杨村长的教学文档简单的描述一下。😂

获取vue

从github上clone下来

git clone github.com/vuejs/vue.g…

调试环境搭建

  1. 安装依赖:npm install
    安装phantom.js即可终止

  2. 在package.json文件中,修改dev脚本

    "dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev"
    添加sourcemap
    
  3. npm run dev

  4. 在你的测试文件中引入

    <script src="../../dist/vue.js"></script>
    

开始调试

把测试文件在浏览器中打开,f12

这样就可以在浏览器中调试了