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

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

无法调试啦

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

好啦可以打断点啦

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

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

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

   
   
   

   配置sourceMap
   
   

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

   
   
   

   image.png

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