本篇介绍一些提高生产力的工具,包括网站、浏览器插件、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
语句想要简化,可以用这个网站,它会帮你判断各种条件,以及生成韦恩图等数据图表。
https://www.wolframalpha.com/
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
括号高亮工具,快速找到你的另一半!(括号)
Bracket Pair Colorizer
Git Graph
Git 历史记录图形化,有了它,我好像用不上 Sourcetree 了~
Git Graph
GitLens
神器!查看历史记录超方便~
GitLens
Live Share
VSCode 官方插件,远程代码分享。
Live Share
电脑刺绣绣花厂 http://www.szhdn.com 广州品牌设计公司https://www.houdianzi.com
CLI 工具篇
ngrok
一行命令,内网穿透。演示本地项目必备。
https://ngrok.com/
serve
快速起服务,可用于调试打包后代码!
https://github.com/zeit/serve
tldr
Too long; Didn't read. 各种命令说明太复杂,用这个可以只看重点!
https://tldr.sh/
fkill
强杀进程,跨平台。