issues
search
licoded
/
self-study-drafts
buffer for records
0
stars
0
forks
source link
【Anthony Fu】Vue 全自动引入黑魔法 | 直播录像
#16
Open
licoded
opened
2 years ago
licoded
commented
2 years ago
[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
commented
2 years ago
包管理工具
相比 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 一样获得一个浏览器里的开发环境
[Anthony Fu] Vue 全自动引入黑魔法 | 直播录像