登录  /  注册
首页 > web前端 > 前端问答 > 正文

vue能显示源码吗

藏色散人
发布： 2023-01-05 15:17:02
原创
2385人浏览过

vue能显示源码，vue查看看源码的方法是：1、通过“git clone https://github.com/vuejs/vue.git”获取vue；2、通过“npm i”安装依赖；3、通过“npm i -g rollup”安装rollup；4、修改dev脚本；5、调试源码即可。

vue能显示源码吗

本教程操作环境：Windows10系统、Vue 3版、Dell G3电脑。

vue能显示源码吗？

能。

Vue查看看源码的技巧

搭建调试环境

  • 获取地址：git clone https://github.com/vuejs/vue.git
  • 安装依赖：npm i
  • 安装rollup：npm i -g rollup(因为是用rollup打包的)
  • script修改dev脚本 加上–sourcemap
"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",
登录后复制

作用：打包之后 dist 下多了map文件，可以和源码进行很好的映射，方便更好的调试源码
bbdea85adb749e0ad1b4732f50cfe4f.jpg

  • 执行dev:npm run dev

调试技巧

  • 打开指定文件： ctrl+p (cmd+p)

  • 断点

fddaf5ec599b0e2f3fbd6b78efd736a.jpg

  • 查看调用栈
    特别想搞清除先后之前的调用关系，有时候进入过深就蒙圈了，就好好研究call stack，能给你一个很好的思路

a2f457c473743b350626f754d88e459.jpg

  • 定位源文件所在位置

3f2ad057bed713ee88d24cfb2cf5159.jpg
掌握了以上，看的次数多了后，源码的执行就很清晰的在脑海中了。

推荐学习：《vue视频教程》

以上就是vue能显示源码吗的详细内容，更多请关注php中文网其它相关文章！

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。
我要提问
相关标签：
npm 栈 map github git https
来源：php中文网
收藏 点赞
上一篇：vue不刷新当前页面怎么办 下一篇：vue有没有冒号
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Laravel 紧凑() 我有一个有趣的问题，关于PHP中的紧凑和Laravel中的紧凑。以PHP中的紧凑示例为例：$banana="yellow";$apple="red&q...
P粉697408921来自于2023-12-13 23:50:03
0 1 172
Laravel Livewire 在传输到运行 nginx 的实时服务器后无法工作 当我将项目传输到生产服务器时遇到问题，livewire停止工作。服务器正在运行nginx。当我在组件内触发wire:click事件（单击按钮）时，我在响应中收到错误：Symfony...
P粉043470158来自于2023-12-13 22:47:38
0 1 167
如何使用 Laravel 的服务提供程序进行外部 API 使用（利用基于用户的凭据） 所以我正在开发一个Laravel管理应用程序，它使用外部API，我们称之为PlatformAPI。平台的工作方式是，我的应用程序的用户在平台上有一个帐户。我的Laravel应用程序...
P粉465675962来自于2023-12-13 21:03:48
0 1 133
如何避免运行此命令 'sudo amazon-linux-extras install -y lamp-mariadb10.2-php7.2 php7.2'？ 我正在关注本教程：https://aws.amazon.com/getting-started/hands-on/deploy-wordpress-with-amazon-rds/...
P粉938936304来自于2023-12-13 19:01:43
0 1 141
Google Analytics Data API v1：执行 runReport 并仅检索 JSON 数据 目前我正在尝试使用GoogleAnalyticsDataAPIv1从GA4获取json数据。但是，返回的响应不是纯json数据，相反，如果我只是使用PHP打印它，它会给我{}。但是...
P粉356361722来自于2023-12-13 17:37:47
0 1 140
Chrome浏览器中的Laravel中的Dump and Die函数返回了无法加载响应数据的错误：没有找到给定标识符的资源 {dd($request->all());die;}为什么dd不返回结果，只显示chrome浏览器中无法加载响应数据：没有带有给定标识符的资源？
P粉752826008来自于2023-12-13 16:33:09
0 1 220
如果产品未设置，则在保存时添加属性：WooCommerce 保存产品时，我想检查该产品是否具有特定属性。就我而言，pa_region。如果没有，我想将属性集和属性术语添加到产品中。如果属性pa_region已设置，我不想更新/更改它。我看到...
P粉555682718来自于2023-12-13 15:49:42
0 1 187
无法自动装配PasswordHasherInterface 我正在尝试在Fixtures类中自动装配PasswordHasherInterface：<?phpnamespaceApp\DataFixtures;useApp\Model...
P粉154228483来自于2023-12-13 15:55:26
0 1 237
与 FCM 集成时，Laravel 通知显示“注册令牌不是有效的 FCM 注册令牌” 我已将FCM（Firebase云消息传递）通知与我的Laravel项目集成。我在User模型中添加了方法routeNotificationForFcm。当直接在方法中指定fireb...
P粉985686557来自于2023-12-13 15:19:09
0 1 186
Laravel，将数据库队列限制为每分钟 1 封电子邮件 我的应用程序托管在共享托管平台上，该平台限制每小时200封电子邮件。我的应用程序正在运行数据库连接驱动程序，并且作业表中有3000个作业。我想限制此队列，使其每30秒或1分钟仅发送...
P粉310931198来自于2023-12-13 14:53:22
0 1 261
相关专题
更多>
热门推荐
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部