这里我将写下我的电脑上面（macOS）的一些软件和工具，以及一些使用技巧（不定时更新）。

囿于丐版 MacBook Pro 孱弱的性能，下面的工具都是经过我筛选过的，只留下真正有用的部分。也不是所有的都列上，一些大家常用的就不列了。

应用

1. Sublime Merge (opens new window)
   一款高效的图形化 Git 工具
2. Clipy: Clipboard extension app for macOS. (opens new window)
   一款剪切板和文本片段工具
3. FileZilla (opens new window)
   FTP 工具
4. Image2Icon (opens new window)
   把图片转换为图标的工具
5. Keka (opens new window)
   压缩解压文件软件
6. LICEcap (opens new window)
   录屏为 Gif 的工具
7. Microsoft Remote Desktop Beta (opens new window)
   微软官方的远程桌面工具
8. Optimage (opens new window)
   图片压缩工具
9. Pomy (opens new window)
   一款倒计时工具
10. ZeroTier One (opens new window)
    一款组建私人局域网的工具
11. Yank Note (opens new window)
    我自己开发的 Markdown 笔记软件。这个软件里面我也写了不少小工具 (opens new window)

VSCode插件

1. Bookmarks (opens new window)
   在项目中添加书签，方便跳转
2. change-case (opens new window)
   快速改变文本大小写形式，支持多种形式
3. Code Spell Checker (opens new window)
   拼写检查工具，能正确识别驼峰或下划线的形式
4. Color Highlight (opens new window)
   高亮代码中的颜色字符串
5. EditorConfig for VS Code (opens new window)
   统一项目的文本风格，如缩进，行末空白，文件末尾空行等
6. File Utils (opens new window)
   文件工具集 A convenient way of creating, duplicating, moving, renaming, deleting files and directories.
7. GitHub Copilot (opens new window)
   人工智能写代码
8. GitLens — Git supercharged (opens new window)
   Git 增强
9. Incrementor (opens new window)
   使用快捷键快速改变数字
10. Path Intellisense (opens new window)
    文件路径补全
11. Sublime Merge for VSCode (opens new window)
    快速唤起 Sublime Merge，以便查看当前文件/行的历史
12. Toggle Quotes (opens new window)
    使用快捷键快速切换引号形式 Toggle cycle " -> ' -> `

浏览器

下面的操作均用于 Chrome 浏览器

1. JavaScript Bookmarklet 书签
   
   Chrome 支持在书签中嵌入 JavaScript 代码，可以很方便的运行一些常用的脚本。可参考这里添加 (opens new window)。

   1. 获取选中文字字数，不用一个一个数啦

      javascript:alert(window.getSelection().toString().length);
      

   2. 编辑网页，改网页内容截图很方便，比 PS 还好用

      javascript:document.body.contentEditable=true
      

   3. 拷贝域名，从地址栏复制域名有点难选，这个点一下就成，很方便

      javascript:(function(){function executeCopy(text) {    var input = document.createElement('textarea');document.body.appendChild(input);input.value = text;input.focus();input.select();document.execCommand('Copy');input.remove();}executeCopy(window.location.hostname); })();
      

2. 浏览器插件

   1. Imagus - Chrome Web Store (opens new window)
      强烈推荐，鼠标悬停即可查看大图，非常方便
   2. Wappalyzer - Technology profiler - Chrome Web Store (opens new window)
      嗅探当前网站是采用了什么技术。
   3. Vue.js devtools - Chrome Web Store (opens new window)
      Vue 开发工具，必装
   4. React Developer Tools - Chrome Web Store (opens new window)
      React 开发工具
   5. Vimium - Chrome Web Store (opens new window)
      用键盘浏览网页
   6. uBlock Origin - Chrome Web Store (opens new window)
      广告过滤
   7. Tampermonkey - Chrome Web Store (opens new window)
      油猴脚本
   8. Octotree - GitHub code tree - Chrome Web Store (opens new window)
      Github 浏览代码时候显示目录树
   9. LastPass: Free Password Manager - Chrome Web Store (opens new window)
      密码管理器

3. 使用技巧

   1. 生成二维码
      新版的 Chrome 自带生成二维码功能。不仅是可以生成当前页面的，也可以修改内容生成任意文本内容的二维码。不要网上找什么“草料二维码”了。
   2. 不少网站禁用了复制功能，我一般这样做
      1. 如果可以选中，选中文字，右键点击打印，从打印预览界面复制
      2. 如果禁用了选中或右键，那就打开控制台，元素审查，选中父级元素，控制台输入 $0.innerText 再复制
   3. 整个网页/某个元素截图
      打卡控制台，按下 Ctrl/Cmd + Shift + P，输入截图可以看到截图功能
      
   4. 清空网页缓存/Cookies
      应用面板中可以删除
   5. 复制图片 Base64
      源代码选项卡中找到图片，点击预览，右键 “以数据URI” 格式复制

命令行工具

1. Homebrew (opens new window)
   包管理器
2. FFmpeg (opens new window)
   超级强大的媒体处理器
3. whistle (opens new window)
   Node.js 实现的对前端程序员友好的代理抓包工具
4. Pandoc (opens new window)
   一款非常强大的文档转换工具
5. Nmap (opens new window)
   强大的网络扫描器
6. jq (opens new window)
   强大的 json 处理器
7. 其他 Linux 工具
   如 curl、wget、sed、vim、tar、nc 等等都是基操

其他

1. Draw.io (opens new window)
   自由的画图工具，有桌面版。基本什么图都可以画。飞书的流程图就是嵌入的这个。
2. Mermaid (opens new window)
   使用代码来画图，前端技术栈的。Github 天然支持嵌入。
3. PlantUML (opens new window)
   老牌的代码画图工具，Java 技术栈的，有点重
4. Reveal.js (opens new window)
   HTML 技术的演示工具

本文由「Yank Note - 一款面向程序员的 Markdown 笔记应用 (opens new window)」撰写