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

旧城等待， 2022-10-16 05:55 146阅读 0赞

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"
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70]: /images/20221014/293ca76512c74d1ca3948b3909901993.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210527092801900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android源码编译makefile文件的调试方法

1. 前言在学习Android源码编译的流程时，需要查看一些定义变量值，阅读makefile的代码时需要通过判断条件走到哪个分支，关键是mk文件没有特定的IDE工具去s

太过爱你忘了你带给我的痛/ 2024年04月08日 09:49/ 0 赞/ 117 阅读

相关调试RocketMQ源码

1. 拷贝`namesrv`、`broker`的配置文件到指定目录，为了避免直接修改代码中的配置文件。 1.1 在F盘创建`rocketmq`文件夹，创建三个子文

叁歲伎倆/ 2023年07月22日 03:49/ 0 赞/ 56 阅读

相关 hbase源码调试

欢迎关注本人公众号 ![在这里插入图片描述][20200515113638671.jpg_pic_center] 为了调试源码，我们最好只启动一个regionserv

超、凢脫俗/ 2023年06月12日 06:21/ 0 赞/ 65 阅读

相关 openpitrix源码调试

1、windows下安装docker 下载docker运行不起来了，因为我的操作系统是win10家庭版，是没有hyper-v ![1][] 编辑\`\`Hyper-

我就是我/ 2022年11月15日 05:57/ 0 赞/ 252 阅读

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

git clone https://github.com/vuejs/vue.git 克隆下来后将`package.json` 文件中的`script` `dev`命

旧城等待，/ 2022年10月16日 05:55/ 0 赞/ 147 阅读

相关 vue源码分析系列:用sourcemap调试源码

由于前几篇文章是用vue-cli直接分析的，今天我们学习直接调试vue源码。安装vue（mac机) 1.在GitHub上克隆官方的vue-[地址][Link 1]

灰太狼/ 2022年10月01日 12:59/ 0 赞/ 376 阅读

相关 hdu 2612

开始直接考虑既然两个都要到，那就直接以KFC'为起点，搜YM不就行了，代码写出来了TLE，傻眼了；才发觉到自己犯二了，因为每个KFC都搜一遍，要搜多少次根本就不清楚，可能非常多

妖狐艹你老母/ 2022年09月21日 01:03/ 0 赞/ 63 阅读

相关 Vue项目调试方法

Vue项目调试方法 1、通过在代码中输入 console.log("按钮被点击了"); ，然后通过F12 在（Console）控制台面板查看输出的结果的方式进行

绝地灬酷狼/ 2022年01月14日 11:59/ 0 赞/ 703 阅读

相关 vue源码分析系列:用sourcemap调试源码

参考连接 https://blog.csdn.net/a419419/article/details/91493026 关键操作需在package.json 中的s

骑猪看日落/ 2021年11月27日 03:54/ 0 赞/ 407 阅读

相关 vue的调试方法

一 console.log调试 1 代码 methods: { add () { // 调试方法1 cons

清疚/ 2021年07月25日 01:53/ 0 赞/ 452 阅读