Skip to main content

工具推荐

推荐些应用工具和网页，包括但不限于前端和 mac

mac 辅助工具​

  • Alfred。mac 神器不用多说，可以快速搜索文件和打开应用等
  • Xnip。截图工具，可以在桌面放置多个悬浮截图
  • licecap。录屏工具，可以录取指定屏幕范围的活动、生成 Gif
  • Keka。解压缩工具
  • Xiyou。稳定的科学上网软件，支持多端，不过要收费，个人用的比较多，你可以先试试

浏览器​

编辑器​

命令行工具​

  • warp。基于 rust 编写的终端工具，默认使用 zsh 和支持输入记忆和提示，界面也挺美观的，但是默认并没有很好的代码高亮，比如针对 zsh alias 没有高亮
  • iterm2。warp 之前算是 mac 上最好用的终端工具
  • oh my zsh

数据库管理​

流程图​

  • draw.io。流程图、时序图等，免费
  • processon。和 draw.io 类似，UI 更美观些，不过免费空间很小
  • xmind。思维导图

图片​

json 处理​

在线编辑​

开发相关​

chrome 插件​

https://chrome.google.com/webstore/category/extensions?hl=zh-CN

  • FEhelper
  • 沙拉查词
  • Momentum。浏览器”屏保“
  • Clear Cache。快速清理网页缓存
  • SimilarWeb。测网站流量来源及相关信息
  • React Developer Tools
  • Redux DevTools
  • Vue.js devtools
  • NIM。node 调试工具
  • Dark Reader。粗糙的网页暗黑模式
  • RSS Feed Reader。RSS 阅读器
  • 下载+

建议登录谷歌账号同步设置

vscode 插件​

  • GitLens。便于查看代码提交记录，甩锅专用
  • Todo Tree。可以高亮一些个人自定义的注释，比如 TODO、NOTE 等
  • ES7 React/Redux/GraphQL/React-Native snippets。react 支持
  • Volar。Vue 支持
  • Import Cost。查看引入文件的大小，比如 import、require 引入的依赖
  • filesize。查看当前文件的大小，右下角显示
  • Paste JSON as Code。能快速生成 JSON 数据的 ts 数据类型
  • CSS Peek。便于快速定位 css 样式所在的文件，支持 less、scss 等
  • Markdown Preview Enhanced。markdown 预览增强版，比默认的预览工具好用
  • Material Theme
  • Material Theme Icons
  • tree-generator。快速生成目录树
  • koroFileHeader。生成文件头部注释和函数注释
  • CodeSnap。可以快速生成一段代码的图片
  • stylelint/prettier/Eslint
  • chatGPT-中文版
  • open in browser

建议登录 github 账号保持 vscode 配置同步

原型设计​

笔记​

  • 有道云笔记。云盘共享
  • Notion。功能很强的一款笔记软件，包括清单、日历、表格等功能

待办事项工具​

  • 滴答清单。UI 美观、操作方便、账号同步，个人感觉蛮好用的一款清单软件

FTP​

  • FileZilla。比较流行的 FTP 软件，有远程服务器的童鞋可能需要

云存储​

  • Google 云盘。免费空间 15G，不下载视频啥的，应该够用了，而且不限速(emmm，我并没有在暗示什么)...
  • 百度网盘

其他​