本篇介绍一些非常有用的, 提高生产力的工具, 这些工具将是浏览器 / IDE 扩展, web 应用程序或 CLI; 它包括网站, 浏览器插件, VSCode 插件和命令行工具~
网站篇
Bundlephobia
如果你想要安装一个新的依赖, 这个网站可以查看这个依赖的大小, 是否支持 tree-shaking 等各项指标.(仅限 NPM 包哈)
- https://bundlephobia.com/
- Coolors
还在发愁自己某个项目的配色? 可以来这个网站找找看.
- https://coolors.co/
- Carbon
可以把代码变成好看的图片, 笔者之前的文章就使用过~
- https://carbon.now.sh/
- Snippet generator
代码片段很好用, 可是生成它们却很麻烦, 这个网站可以根据代码一键生成. 支持 VSCode,Sublime Text,Atom.
- https://snippet-generator.app/
- Wolfram Alpha
如果你有一个复杂的表达式需要计算, 或者很长的 if 语句想要简化, 可以用这个网站, 它会帮你判断各种条件, 以及生成韦恩图等数据图表.
DevHints
速查表大全, 包括 bash,es6,regexp,vscode 等上百种 cheatsheets
- https://devhints.io/
- Caniuse
浏览器兼容性速查, browserlist 用的就是这里的数据来兼容浏览器的.
https://caniuse.com/
Chrome 插件篇
FeHelper
超过 20 种实用小功能, 包括字符串编解码, JSON 格式化, 二维码生成等.
- https://www.baidufe.com/fehelper
- Wappalyzer
帮你探测网站使用了哪些技术栈.
- https://www.wappalyzer.com/
- Screencastify
将你的网站录成小视频.
https://www.screencastify.com/
VSCode 插件篇
Bracket Pair Colorizer
括号高亮工具, 快速找到你的另一半!(括号)
Git Graph
Git 历史记录图形化, 有了它, 我好像用不上 Sourcetree 了~
GitLens
神器! 查看历史记录超方便~
Live Share
VSCode 官方插件, 远程代码分享.
CLI 工具篇
ngrok
一行命令, 内网穿透. 演示本地项目必备.
- https://ngrok.com/
- serve
快速起服务, 可用于调试打包后代码!
- https://github.com/zeit/serve
- tldr
Too long; Didn't read. 各种命令说明太复杂, 用这个可以只看重点!
- https://tldr.sh/
- fkill
强杀进程, 跨平台.
https://github.com/sindresorhus/fkill-cli
如果你还有其他好用的工具, 欢迎留言分享哦~
来源: http://www.css88.com/top/16077.html