【Anthony Fu】Vue 全自动引入黑魔法 | 直播录像

[licoded]

[Anthony Fu] Vue 全自动引入黑魔法 | 直播录像

2022-03-29 直播录像

• 网站：https://antfu.me
• 代码仓库：https://github.com/unjs/unimport
• Sponsors 赞助：https://github.com/sponsors/antfu
• VS Code 配置：https://github.com/antfu/vscode-settings
• Discord 群：http://chat.antfu.me/

[licoded]

包管理工具

• 相比 pnpm, yarn 有一些限制，或者说有一些功能没给
• lerna 已经没人维护了
• pnpm -r 命令比较强大，可以递归所有子项目，它还知道依赖关系，从最底层依赖开始运行

正则

• regex101.com 看正则匹配结果
• jex.im/regulex 正则图形化
• 多练多写就会了
• 可阅读性差，整点测试保证正确性

VSCode

• 插件：Error Lens（错误提示直接显示在行尾，不需要鼠标悬浮上去看）
• 字体、主题：未提供，回头看看给的 VSCode 配置里是不是直播时候的配置

ESLint

• antfu/eslint-config

Vue3

• 相比于 React、Svelte 的测试优势： 可不依赖框架单独测试

Vite

• Vitest 框架(Jest 基本脱离了 Facebook, 现在维护者是一个兼职者, 所以很多东西很难比较快的推动)
• antfu/vite-plugin-inspect: 实时显示每一层 Vite Plugin 的处理（Input 和 Output, 提供 diff ）, 对 Debug 和开发 Plugin 很有帮助.
• Astro: 基于 Vite 的静态网站生成器

命令行

• git alias 命令
• npm alias 命令 (d、p)

浏览器

• 书签/收藏夹：只有图标没有文字；文件夹用单个字母命名；还挺好看的

GitHub

• github.com/notifications: issues 管理面板

Web Component

• Google 的 lit

unocss

• 和 tailwind CSS 一样原子化思维
• 卸掉了 postcss 的历史包袱，另起炉灶从头再来
• 有一篇长文介绍

开源

• 现有的 Vue/React 框架够用、好用，没必要（也比较讨厌）重复造轮子
• （造轮子还要去拉用户）自己基于框架写工具，用户来的会比较快，自己也就更有成就感

StackBlitz

• sandbox 替代品
• 将 node 塞进浏览器
• 写文档、搞 demo 的人：不需要额外的服务器（花费、访问速度）
• 看文档的人也能像 sandbox 一样获得一个浏览器里的开发环境