vue 源码（v2.6.12）调试的方法

最新推荐文章于 2024-02-10 16:35:47 发布

原创最新推荐文章于 2024-02-10 16:35:47 发布 · 854 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue2.x 专栏收录该内容

33 篇文章

订阅专栏

本文指导如何克隆Vue.js项目并修改package.json中的script，添加--sourcemap，配置后执行dev命令，通过http-server搭建本地服务，并进行源码调试。

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

克隆下来后将package.json 文件中的script dev命令后面添加这个 --sourcemap。

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

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源码文件 根据自己需求断点调试即可。