VUE学习笔记01--搭配本地vue源码调试环境

首先我们从github上下载一份vue源码到本地，就利用vue文件夹下自带的demo进行学习和调试。但是我们运行了一下vue--examples--commits--index.html发现Chrome 浏览器里source载入的是压缩版本vue。根本无法调试呀
无法调试啦

不急只要三个小操作我们就可以达到这样达到下面的效果啦。


好啦可以打断点啦

1）在vue文件夹下对应的package.json中我们只须运行第一个脚本就行啦 npm run dev。当然我们先要npm install 下;

  1. 在vue--examples--commits--index.html中将引入的压缩版本min.vue.js换成vue.js;

  2. 在vue--build--config.js的 genConfig函数配之中增加一项 sourceMap: true；
    ok这样我们再刷新浏览器 就是上图的样子啦。


    配置sourceMap

    同时我们在vue--dist目录下生成了对应的.map文件


    image.png

更多关于sourceMap，请点击这里。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容