写了个辅助学习vite的小工具(mini-vite)

这篇具有很好参考价值的文章主要介绍了写了个辅助学习vite的小工具(mini-vite)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 

话不多说先贴上仓库地址 mini-vite

看源码的几个问题

  • 封装的方法太多,不知道从哪个方法看起
  • 随便一个文件就是一两千行代码,看得头皮发麻
  • 不知道该怎么去debug,到底应该在哪个方法里面debug

没关系,这些问题在我这都能解决

我做了什么

移除了vite仓库中的所有注释和其他对于所要学习的vite功能用不上的方法,并为核心方法添加上了注释

写了个辅助学习vite的小工具(mini-vite)
为需要实现的核心功能画上了简易的思维导图

写了个辅助学习vite的小工具(mini-vite)
配置了debug功能,直接就能在代码内debug

写了个辅助学习vite的小工具(mini-vite)

本仓库只实现了vite比较常用的几个功能,后续在vite的学习中,我可能也会不断的往mini-vite里面加上新功能

失业程序员待业中,希望大家能给几个star,让我能找工作稍微轻松点,毕业一年,年限卡的死死的,面试都没几个,谢谢大家了

再次贴上仓库地址 mini-vite文章来源地址https://www.toymoban.com/news/detail-475331.html

参考

  • 深入浅出vite
  • bilibili.我们一起学前端·vite源码解析

到了这里,关于写了个辅助学习vite的小工具(mini-vite)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ChatGPT自动写了个AI办公office word插件,低配copilot,程序员看了焦虑。

            最近公司文案同事提出一个需求,希望在文案编辑工作上使用AI工具,提高生产效率,当然也受ChatGPT这波潮流影响。ok,既然需求来了,作为技术部门那只能接下需求了。省略需求调研过程N个字...。总结起来:1、希望工具整合到Word中(文案编辑嘛);2、AI写作功能

    2024年02月06日
    浏览(50)
  • 写了 7 年代码,第一次见这么狗血的小 Bug!

    刚刚修我们鱼聪明 AI 助手平台的一个 Bug,结局很狗血!赶紧给大家分享一下,顺便也分享下标准的排查 Bug 思路。 事情是这样的,有小伙伴在鱼聪明平台(https://www.yucongming.com)创建了一个 AI 助手,名称为【软件开发人员】。当我搜索 “软件开发” 时,能搜出这个模型:

    2024年02月07日
    浏览(37)
  • rust学习 - 构建mini 命令行工具

    rust 的运行速度、安全性、单二进制文件输出和跨平台支持使其成为构建命令行程序的最佳选择。 实现一个命令行搜索工具 grep ,可以在指定文件中搜索指定的字符串。想实现这个功能呢,可以按照以下逻辑流程处理: 获取输入文件路径、需要搜索的字符串 读取文件; 在文件

    2024年02月08日
    浏览(42)
  • 史上最详细的小程序测试用例模板,以后再也不怕测试用例不会写了

    目录 1. 文档介绍 1.1 文档目的 1.2 文档范围 1.3 读者对象 1.4 术语与缩写解释 2. 功能测试用例 2.1 被测试对象的介绍 2.2 测试范围与目的 2.3 测试环境与测试辅助工具的描述 2.4 功能测试用例 附录:评审意见 设计测试用例的目的是测试系统是否能够正确完成整个业务流程,在一

    2023年04月11日
    浏览(41)
  • 【python】我用python写了一个可以批量查询文章质量分的小项目(纯python、flask+html、打包成exe文件)

    web 效果预览: 先去质量查询地址:https://www.csdn.net/qc 输入任意一篇文章地址进行查询,同时检查页面,在Network选项下即可看到调用的API的请求地址、请求方法、请求头、请求体等内容: 请求头里面很多参数是不需要的,我们用 ApiPost 这个软件来测试哪些是必要参数。 经过

    2024年02月13日
    浏览(41)
  • 快速上手的AI工具-文心一言辅助学习

    大家好晚上好,现在AI技术的发展,它已经渗透到我们生活的各个层面。对于普通人来说,理解并有效利用AI技术不仅能增强个人竞争力,还能在日常生活中带来便利。无论是提高工作效率,还是优化日常任务,AI工具都可以扮演关键角色。 上一篇文章整理了 《快速上手的A

    2024年01月25日
    浏览(42)
  • 写了一个 SRE 调试工具,类似一个小木马

    远程操作机器有时会比较麻烦,我写了一个工具,主要功能:1.远程执行命令 2.上传下载文件。是一个 Web Server,通过 HTTP 请求来操作机器,类似一个小木马。当然,因为是一个 Web Server,所以也提供了打印 HTTP 请求的能力,方便调试 Webhook 场景。下面给大家演示一下。 工具代

    2024年04月22日
    浏览(57)
  • 搞了个Blazor工具站,域名一次性买了10年!

    大家好,我是沙漠尽头的狼。 在 Dotnet9 上线在线小工具和小游戏后,服务器的压力感觉挺大的,打开25个页面,内存占用170MB左右,CPU保持在60~70%,看来Server真不适合搞这类交互较多的程序(服务器配置:2核4G内存),所以站长加急上线 Blazor Wasm 版本网站,便于大家直观对比

    2024年02月10日
    浏览(52)
  • rust 使用第三方库构建mini命令行工具

    这是上一篇 rust 学习 - 构建 mini 命令行工具的续作,扩展增加一些 crate 库。这些基础库在以后的编程工作中会常用到,他们作为基架存在于项目中,解决项目中的某个问题。 项目示例还是以上一篇的工程为基础做调整修改ifun-grep 仓库地址 在开发 ifun-grep 项目时,运行项目命

    2024年02月09日
    浏览(57)
  • 使用Graalvm+Swing搓了个原生桌面应用的轮子:文件差异对比工具,附轮子源码

    1、DFDiff介绍 当前已实现的功能比较两个文件夹内的文件差异,已支持文件差异对比。 2、软件架构 软件架构说明 开发环境是在OpenJDK17,UI使用的是Swing + SwingX扩展控件,使用Graalvm编译为原生应用。 文件列表使用的Swingx组件的JXTreeTable。 文件差异对比使用的Swingx组件的JXTabl

    2024年02月08日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包