Use

# 代码编辑器

# Visual Studio Code

我正在使用 VS Code。

• 主题：Vitesse Theme，一款非常好看的主题。
• 字体：Input mono，一款非常好看的等宽字体。
• 编辑器图标：Carbon Product Icons。
• 文件图标：Catppuccin。
• 格式化：ESlint，搭配 @antfu/eslint-config 一起使用，体感拉满。

以下是我安装的扩展插件。

基础文件语法支持：

• HTML CSS Support - 在 HTML 中提供 CSS 代码提示。
• SVG - 提供 SVG 的语法高亮和MDN链接。
• YAML - 提供 yaml 的语法高亮和MDN链接。
• Even Better Toml - 支持 toml 文件。
• Shader language support - 提供 .glsl 的语法高亮。
• Subtitles Editor - 提供srt、vtt、 sbv文件的支持。
• GraphQL: GraphQL Language Support - 提供 GraphQL 的自动补全和语法支持。
• GraphQL: Schema Language Support - 提供 GraphQL Schema 的语法高亮和MDN链接。

通用：

• CSS Variable Autocomplete - CSS 变量自动补全。
• Dot ENV - 支持 .env 文件。
• Path Intellisense - 文件路径自动补全。
• Svg Preview - SVG 实时预览。
• Database Client JDBC - 管理数据库连接和配置。
• File Nesting Updater - 使用 ANTFU 的文件嵌套模板并且自动更新。
• Browse List - 在编辑器中快速浏览网页。
• Catalog Lens - 在 package.json 中显示 workspace.yaml 的 catalog 的版本号。
• Code Runner - 在编辑器中运行代码，支持多种语言。
• Code spell checker - 在编辑器中检查拼写错误。
• Error Lens - 内联的方式显示错误信息。
• Flutter Color - 在文件中查看颜色。
• Iconify IntelliSense - 内联的方式显示图标和查找图标，可以自定义图标集，搭配 Iconify 一起使用更佳。
• Image Preview - 在编辑器中预览图像。
• jsdoc - 快速生成 jsdoc。
• Live Server - 启动一个本地服务器，并且自动刷新。
• Lorem Ipsum - 快速生成 Lorem Ipsum / 虚假文本。
• Lorem Picsum - 快速生成 Lorem Picsum / 虚假图片。
• Markdown All in One - 快速生成 Markdown。
• Prisma - 在编辑器中编辑 Prisma 模型文件以及提供代码高亮。
• Project Manager - 在编辑器中管理多个项目。
• Redis - 在编辑器中使用 Redis。
• REST Client - 在编辑器中发送 REST 请求。
• Slidev - 提供 Slidev 的语法高亮和支持。
• TODO Highlight - 在编辑器中高亮 TODO。
• Todo Tree - 折叠的方式显示 TODO。
• Highlight Matching Tag - 高亮匹配的标签。

Vue Workspace：

• Vite - Vite 官方插件。
• Vitest - Vitest 的测试运行器。
• UnoCSS - UnoCSS 的语法高亮和支持。
• Nuxt Extension Pack - Nuxt.js 的扩展包，包含以下的插件。
  • Vue official - Vue 3 的语法高亮和支持。
  • Nustr - 可以增强 Nuxt 的使用体验。
  • MDC - 提供 .mdc 的语法高亮和支持。
  • Goto definition alias - 在 Nuxt 和 Vite 中在使用自动导入功能时快速跳转到定义。

React Workspace：

• ES7+ React/Redux/React-Native snippets - 提供 React 相关的代码片段。
• Tailwind CSS - Tailwind CSS 的语法高亮和支持。
• MDX - 提供 .mdx 的支持。

Rust Workspace：

• Rust - Rust 的语法高亮和支持。

Python Workspace：

• Python - Python 支持，包含以下的插件。
  • Pylance - Pylance 的语法高亮和支持。
  • Python Environment Manager - Python 环境管理。
  • Python Debugger - Python 调试。

C++ Workspace：

• C/C++ Extension Pack - C/C++ 扩展包，包含以下的插件。
  • C/C++ - C/C++ 的语法高亮和支持，需要预装了C++编译器和C++调试器。
  • CMake Tools - CMake 的语法高亮和支持，需要预装了CMake。
  • C/C++ Theme - C/C++ 主题，包含了所有的 C/C++ 主题。

# 浏览器

我目前已经从Chrome 转到 Arc，无缝衔接，这款浏览器都是基于 Chromium 内核的，新颖美观，功能强大。

扩展：

• tampermonkey - 油猴，可以安装各种用户脚本来增强浏览器功能。
• GoFullPage - 一键截取完整网页截图。
• Markdown Viewer - 在浏览器中查看 Markdown 文件。
• Trancy - 沉浸式翻译工具。
• Wappalyzer - 网站技术栈分析工具。
• 哔哩哔哩 Downloader - 哔哩哔哩视频下载工具。

# API 调试工具

• Postman - 第一个接触的，感觉还不错。

# 网络

• Wireshark - 抓包工具。

# 录屏和直播

• OBS - 开源且免费的录屏和直播软件，功能强大且易于使用。

# 工具

• Raycast - Mac 上非常好用的生产力工具，可以快速打开应用、文件、执行脚本等。
• Command X - 弥补了 macOS 的没有 Ctrl+X 的缺点。
• Grammarly - 强大的写作辅助工具，可以检查拼写、语法和风格错误。
• Kap - 一款非常好用的录屏软件，支持多种格式和分辨率。
• MonitorControl - 一款非常好用的显示器管理软件，可以调整显示器的亮度、对比度和色温。
• Motrix - 一款非常好用的下载管理软件，支持多线程下载和断点续传。

# VPN

• Clash Verge - 一款非常好用的 VPN 软件，支持多种协议且功能强大。