随笔分类 - (新) 工具
摘要:前言 一年多前,我写了一篇 e2e 测试工具 Cypress。 当时它的 npm 下载量是 e2e 测试工具里排最高的。 没曾想,短短一年间,它就被 Playwright 完全赶超了😱 Playwright 是谁?怎么这么厉害? Playwright 大有来头,它是 Microsoft 开源的 e
阅读全文
摘要:前端打包工具 bundlers Webpack 曾经是最受欢迎的前端打包工具,没有之一。 但是呢,它在 2020-10-10 发布 v5.0 版本后就进入了 maintenance mode。 其原因可能是因为在同年,esbuild 诞生了。 Webpack 是用 JavaScript 写的,esb
阅读全文
摘要:前言 记入一些自己常用到的 Keyboard Shortcuts 和 Extensions。 Keyboard Shortcuts undo redo 鼠标坐标:shift + left/right 它可以控制鼠标坐标回到上一次的位置 (即便是不同的 file) 在看源码的时候非常好用,比如你跑到千
阅读全文
摘要:前言 分享我用着的 Extensions。 Angular Language Service 不用介绍,用 Angular 的必装。 Better Comments 让注释有多点颜色 more colorful。好看最重要。 C# 用 C# 的必装。 Code Spell Checker 检查英文有
阅读全文
摘要:介绍 Cypress 是一款 e2e 测试工具。每当我们写好一个组件或者一个页面之后,我们会想对整体做一个测试。 在不使用工具的情况下,我们会开启 browser,然后做一系列点击、滚动、填 form 等等交互,然后观察看看是否全部运行正常,这就是 e2e 测试。 而借助 Cypress,我们可以把
阅读全文
摘要:前言 Vitest 是一款配搭 Vite 的前端单元测试工具,可以用于取代 Jasmine 和 Jest。 我先聊一下测试,每当添加新代码或修改旧代码后,我们多少都得测试一下,以确保功能正确才能交付。 这种测试通常只是写几个简单的调用,换换参数,console 看看输出。没有问题也就 ok 了。 大
阅读全文
摘要:前言 以前在 Webpack 学习笔记 有稍微介绍过它们。这篇是单独整理版。 参考 一文彻底读懂ESLint 你的ESLint真的需要Prettier吗? 搞懂eslint和prettier等的关系 简单介绍 Prettier 是一个 formatting 工具,目的是方便统一代码格式,比如使用 s
阅读全文
摘要:前言 一直想 try Vite, 但一直没有机会。 今天突然 Live Server IP Address 手机连不上...也不知道是 Bug 还是怎么回事儿。 总之 IIS IP Address 没有问题. 那多半是 Live Server 有鬼. 借此机会把它给换了呗。 参考 Docs – Vi
阅读全文
摘要:前言 会写这篇是因为想记入一个 bug. 随便以后记入一些 Visual Studio 和 VS Code 相关的冬冬呗. 当 VS Code Hot Reload 遇上 View Component 的 Bug 由于这个 Bug 涉及到多方面 (不容易提问), 所以我就没有 report gith
阅读全文
摘要:前言 之前就写过 angular cli, vs code liveserver, vs 2019 iis express 10, vs code kestrel 使用 https + ip. 但写的很乱. 这篇作为整理版. 默认情况下, 本地开发的 URL 是 localhost, ASP.NET
阅读全文
摘要:前言 以前就写过了, 只是写的太乱, 这篇是一个整理版. 以前的文章: Git Bash 创建证书 PowerShell 创建证书 我已经没有用 PowerSheel 做证书了, 所以就不介绍了. 参考: generate-trusted-ssl-certificate Git Bash OpenS
阅读全文
摘要:前言 之前有介绍过用 Certify The Web 来做 Let's Encrypt SSL, 但是最近常看到它的 License 提示, 有种随时随地要收费的感觉 于是找了一个替代品 win-acme. 这篇就来聊聊它. Why win-acme Certify The Web 是一款 UI 工
阅读全文
摘要:前言 用 Webpack 蛮久的了, 2.0, 3.0, 4.0, 5.0 但由于学的比较杂乱, 所以也没有系统的记入一下. 这次升级到 5.0 比较有系统的把一些资源记入了起来. 既然走了第一步, 那就顺便写一个简单的学习笔记吧. 内容会涵盖我目前用到的所有东西. Webpack, Sass, T
阅读全文
摘要:介绍 随着 Let's Encrypt 的普及. 现在为网站升级到 HTTPS 已经不需要付费了. Let's Encrypt 的 SSL 是免费的, 每 3 个月需要更新一次. 可以完全用 API 来完成, 不需要人工参与. Windows Server 工具 自己写 API 那肯定是不干的了.
阅读全文