Vue调试环境搭建

先克隆代码 当前版本号:2.6.10

git clone https://github.com/vuejs/vue.git

安装依赖

npm i

安装打包工具rollup

npm i rollup -g

修改dev脚本 在package.json修改为sourcemap，是为了打包后能看到源码

"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",

执行以下命令 会在dist里面重新生成vue.js文件

npm run dev

在examples里面创建测试html，引入vue.js文件，new Vue实例，就可以在浏览器里打断点看vue的源码
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用模块化工具打包自己开发的JS库(webpack/rollup)对比总结
    打包JS库demo项目地址：https://github.com/BothEyes1993/bes-jstools...
    _双眸阅读 3,422评论 0赞 6
  • Vue笔记
    ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,961评论 1赞 4
  • 从零搭建一个vue项目
    最近感觉自己越来越像一个API调用程序员，很多基础的原理以及项目构建都没实际操作过，所以这里动手自己去搭建了一个v...
    Aoyi_G阅读 1,523评论 0赞 2
  • js基础（7）
    33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方（存储到物理硬盘中）1、不能跨浏览器传输：在...
    萌妹撒阅读 2,102评论 0赞 2
  • 知识点总结
    响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 801评论 0赞 0