vue2.0 源码调试环境搭建

一、下载源码

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

错误一 :

// 错误一 
Cloning into '/opt/exploit-database'...

remote: Counting objects: 106517, done.

remote: Compressing objects: 100% (45/45), done.

error: RPC failed; curl 56 LibreSSL SSL_read: SSL_ERROR_SYSCALL, errno 60

fatal: The remote end hung up unexpectedly

fatal: early EOF

fatal: index-pack failed

【问题原因】
一般是由于大文件造成的提交或者拉取失败，curl的postBuffer默认值太小，增大缓存配置就好了

【解决办法】

git config --global http.postBuffer 1048576000

下载包：

npm install

npm i
npm i rollup -g

// 国内的话建议使用淘宝NPM镜像去安装
npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm i

在package.json的scripts dev中配置sourceMap(目的是和源码产生映射关系方便打断点)

npm run build

vscode中调试:

或者浏览器中调试:

      npm i
      # 在 dist/vue.js 最后一行追加一行 //# sourceMappingURL=vue.js.map
      npm run dev
      # 新终端窗口
      # 根目录下 全局安装http-server(一行命令启动服务的工具)
      npm i -g http-server
      hs -p 8100
      # 把dist文件夹的 vue.min.js ，替换成npm run dev编译后的dist/vue.js
      # 浏览器打开 open http://localhost:8100/examples/
      # 打开控制面板 source 在左侧找到  src 目录 即vue.js源码文件 根据自己需求断点调试即可。

vs code 快捷键
查找文件：ctrl + p
行增加缩进: ctrl + [
行减少缩进: ctrl + ]
全局查找文件：ctrl + shift + f

cmd + 放大
cmd - 缩小