工欲善其事,必先利其器,优化出更多的时间,去做更有意义的事儿。
VsCode 终端重命名
vscode自带命令行工具,但是每个命令行的名称都一样,可以通过这样的方式来进行重命名。
command+p
更舒适的终端
iterm2+oh my zsh,比mac自带的好用太多了。
参考配置 https://github.com/ohmyzsh/ohmyzsh
特性:路径补全、命令补全,高亮,命令历史记录,强大的插件100多个(功能无线扩展)...
和Charles同样强大的iOS免费抓包工具mitmproxy
功能和charles 差不多,但免费
上古神器vim的使用手册
直接在命令行输入vimtutor,就能看到帮助文档啦。
kangax 检查JavaScript版本
kangax-js-compat-table 检查✅JavaScript版本(ES5,ES6,ES2016 +等)在不同编译器,服务器/运行时和平台(桌面和移动)之间的兼容性。https://kangax.github.io/compat-table/es6/
HTML / CSS 可视化指南
真香,可以看到html 标签和属性,以及css 相关属性对应的可视化效果,比如每天都在用的flex布局。
https://htmlreference.io/element/article/
https://cssreference.io/property/align-items/
codesandbox.io
专业好用的在线开发工具,可以创建各种技术栈项目,我觉得最有用的就是用来写demo,本地完全不需要配置开发环境。
flexbox playground
flex布局可视化学习工具
https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/
grid playground
grid 网格布局可视化学习工具
正则大全
日常开发绝对用得上,网站很专业。
https://any86.github.io/any-rule/
在线获取 keycode值
在线获取键盘按键code http://keycode.info/
LeetCode Vscode插件
可以在vscode里刷题
Change Case
虽然 VSCode 内置了开箱即用的文本转换选项,但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式,包括驼峰命名、下划线分隔命名,snake_case 命名以及 CONST_CAS 命名等。
https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case
Snappy for Mac:悬浮截屏工具,让你截了又截 |
程序员鼓励师 - 声音甜美可爱
VSCode Rainbow Fart 是一个在你编程时持续夸你写的牛逼的扩展,可以根据代码关键字播放贴近代码意义的真人语音,听一听精神抖擞,写代码更带劲儿了。
科学上网插件
速度还可以,主要是免费