概述
探索一系列精选的基本 VS Code 扩展,旨在提高各个开发领域的生产力和技能。 这些扩展程序按类别分组,以便于导航。
整洁的代码和重构
TIP使用这些扩展来维护干净且可维护的代码,提供用于重构、指标和改进注释的工具。 :::- 代码指标:直接在状态栏中显示代码复杂性,有助于可维护性分析。
- Abracadabra,重构:自动执行重构任务,例如重命名符号或提取 JavaScript/TypeScript 中的变量。
- Hocus Pocus:简化函数、变量、类或 switch case 的创建。
- SonarLint:通过可行的建议突出显示代码中的错误和安全问题。
- ESLint:集成 ESLint 以识别和修复 JavaScript/TypeScript 代码中的问题。
- 更好的评论:使用颜色编码标签增强评论的可读性。
- Document This:自动生成函数和类的 JSDoc 注释。
- 代码拼写检查器:检测代码中的拼写错误,并提供更正。
- Visual Studio IntelliCode:人工智能驱动的 IntelliSense 提供上下文感知建议。
- TODO 突出显示:跟踪 TODO 和注释以确保不会遗漏任何内容。
代码片段
IMPORTANT预定义的片段可以节省时间并减少工作流程中的重复任务。 :::- JavaScript (ES6) 代码片段:用于现代 JavaScript/TypeScript 开发的片段。
ES7 React/Redux/GraphQL/React-Native Snippets:提高 React 和 Redux 生态系统的生产力。
Vue 2/3 Snippets:为 Vue.js 提供方便的片段。
Angular 10 Snippets:组件、服务等的基本 Angular 片段。
Reactjs 代码片段:专为 ES6/ES7 语法的 React 开发而定制。
Bootstrap & Font Awesome 片段:使用 Bootstrap 和 Font Awesome 快速设计的片段。
Angular Jasmine 单元测试片段:使用 Jasmine 加速 Angular 中的单元测试。
节点片段:用于高效 Node.js 开发的片段。
## 数据库
NOTE使用这些强大的扩展直接从 VS Code 管理和查询数据库。 :::- SQL Server (mssql):无缝使用 SQL Server 和 Azure 数据库。
- MySQL:轻松管理 MySQL 数据库。
- PostgreSQL:对 PostgreSQL 数据库的强大支持。
- MongoDB:简化管理 MongoDB 集合和文档。
- SQLTools:连接到多个 SQL 数据库,提供高级管理功能。
主题和样式
TIP使用用于可视化定制的主题和工具增强您的编码环境。 :::- 凛冬将至主题:受《权力的游戏》启发的主题。
- One Dark Pro:基于 Atom 流行的 One Dark 主题。
- Noctis:提供平衡的深色和浅色主题。
- Material 主题:将 Google 的 Material Design 引入 VS Code。
- 德古拉主题:时尚的深色主题,色彩鲜艳。
- VS Code 图标:可自定义图标以更好地识别文件。
- Prettier:自动进行代码格式化以实现一致的样式。
- 美化:格式化 HTML、CSS、JavaScript 和 JSON。
- 孔雀:用独特的颜色区分工作空间。
源代码控制
IMPORTANT直接从编辑器增强您的 Git 工作流程和协作。 :::- GitLens:高级 Git 工具,包括责备、历史记录和存储管理。
- Git 历史记录:可视化和探索文件或分支历史记录。
- CodeStream:与团队成员就代码问题和审查进行协作。
调试
WARNING使用这些工具简化调试以避免代价高昂的错误。 :::- Chrome 调试器:调试在 Chrome 中运行的 JavaScript。
- Firefox 调试器:在 Firefox 中调试 Web 应用程序。
- Node 调试器:有效调试 Node.js 应用程序。
实用程序
TIP这些实用程序可以加快重复性任务并简化编码。 :::- Polacode:生成漂亮的代码快照。
- 实时服务器:启动具有实时重新加载功能的本地服务器。
- 导入成本:显示 JavaScript/TypeScript 内联导入大小。
- VS Code Counter:计算文件或工作区中的行、单词和字符。
- 设置同步:跨设备同步 VS Code 设置。
- 编辑器配置:在编辑器之间强制执行一致的编码风格。
按键映射
NOTE使用您喜欢的编辑器中熟悉的键绑定轻松过渡到 VS Code。 :::- Visual Studio:模仿 Visual Studio 按键绑定。
- Atom:适合 Atom 编辑器爱好者。
- Sublime Text:适应 Sublime Text 快捷方式。
- JetBrains IDE:适用于过渡到 VS Code 的 JetBrains 用户。
人工智能开发工具
IMPORTANT利用AI提升编码效率和智能。 :::- GitHub Copilot:由 GitHub 和 OpenAI 开发的人工智能代码完成工具,通过自动完成代码片段和函数来帮助用户。
oaicite:0 {索引=0}
- Tabnine:人工智能编码助手,提供代码补全和人工智能聊天功能,支持 80 多种编程语言和框架。
oaicite:1 - Cursor:人工智能驱动的集成开发环境,提供代码生成、智能自动完成和代码库理解等功能。
oaicite:2 前端开发
TIP使用这些扩展增强您的前端开发工作流程。 :::- Live Sass Compiler:将 Sass 或 SCSS 文件实时编译为 CSS。
- HTML CSS 支持:为 HTML 提供 CSS 类名补全。
- 路径智能感知:自动完成代码中的文件名。
- CSS Peek:允许查看 CSS ID 和类字符串作为定义。
- 图像预览:在装订线中和悬停时显示图像预览。
后端开发
NOTE使用这些基本工具简化后端开发。 :::- Docker:为 Dockerfile 和 docker-compose 文件添加语法突出显示、命令、悬停提示和 linting。
- REST 客户端:允许直接在 VS Code 中发送 HTTP 请求并查看响应。
- Swagger Viewer:提供 Swagger 和 OpenAPI 文件的预览。
- npm:轻松管理 npm 脚本。
- YAML:添加 YAML 语言支持和内置 Kubernetes 语法支持。
网络工程
IMPORTANT为自己配备专为网络工程任务定制的工具。 :::- REST 客户端 允许您直接从编辑器发送 HTTP 请求并查看响应。 非常适合在不离开 VS Code 的情况下测试 API。
- Wireshark 语法突出显示 为 Wireshark 捕获文件提供语法突出显示,使分析网络流量变得更加容易。
- Nmap 语言支持 为 Nmap 脚本添加语法突出显示,帮助您分析网络漏洞和配置。
- cURL 转换器 将 cURL 命令转换为 HTTP 请求,从而更轻松地直接在 VS Code 中测试 API。
- Telnet 客户端 提供基于终端的 Telnet 客户端,用于网络故障排除和远程服务器通信。
- SSH FS 通过 SSH 安装远程服务器,并提供直接从 VS Code 访问其文件系统的权限,以便于管理。
Vim 用户
TIP使用这些扩展让您的 VS Code 体验更像 Vim。 :::- 维姆 将 Vim 键绑定和功能引入 VS Code,让您可以在编辑器中使用熟悉的 Vim 环境。
- VsCodium 提供受 Vim 启发的扩展,带来极简、高度可定制和可扩展的环境。
- EasyMotion for VSCode 通过突出显示目标位置来实现文件的快速导航,模仿 Vim 的 EasyMotion 插件。
- Vimium for VS Code 允许您使用键盘快捷键导航 VS Code,就像浏览器中的 Vimium 一样。
- Vim NERDTree 将强大的 NERDTree 文件浏览器引入 VS Code,允许使用 Vim 键绑定进行文件导航和管理。
低级编程和嵌入式开发
NOTE用于使用汇编、C 和嵌入式系统的扩展。 :::- C/C++ 扩展包 一套全面的 C 和 C++ 开发工具,包括 IntelliSense、调试和代码导航。
- PlatformIO IDE 完整的嵌入式系统开发环境,支持各种微控制器和开发板。
- ARM 汇编语法突出显示 为 ARM 汇编代码添加语法突出显示,有助于更轻松地可视化和理解低级代码。
- x86 和 x86_64 组件 为 x86 汇编语言提供语法支持,非常适合低级程序员和逆向工程师。
- 十六进制编辑器 允许您查看和编辑原始二进制数据,使其对于处理固件和低级文件结构非常有价值。
- AVR 支持 带来对 AVR 微控制器编程的支持,包括语法突出显示、代码片段等。
- 锈迹分析仪 Rust 编程扩展,提供对代码完成、内联文档和重构工具的支持。
- MicroPython 添加了对 MicroPython 开发的支持,包括文件管理和直接从 VS Code 向设备上传代码。
网络安全与逆向工程
WARNING分析代码漏洞、执行静态分析并探索逆向工程工具。 :::- 宾沃克 一种用于分析固件映像的工具,允许您提取和逆向工程嵌入的代码和文件。
- Ghidra 扩展 将 Ghidra 逆向工程框架集成到 VS Code 中,使您能够分析二进制文件和反汇编代码。
- YARA 规则 提供语法突出显示和基于规则的文件扫描,以便使用 YARA 进行恶意软件分析和检测。
- 正则表达式预览器 实时可视化正则表达式及其匹配项,对于逆向工程和代码分析非常有用。
- OWASP 依赖性检查 根据 OWASP 漏洞数据库扫描您的项目以查找依赖项中的已知漏洞。
- 利用数据库搜索 允许您直接从 VS Code 快速搜索漏洞数据库中的已知漏洞。
- Burp Suite 集成 集成 Burp Suite 以增强 Web 漏洞扫描,提供更顺畅的测试工作流程。
- Metasploit 助手 与 Metasploit 交互的有用集成,使渗透测试更加高效。
人工智能和机器学习开发
IMPORTANT直接在 VS Code 中增强 AI 和 ML 工作流程。 :::- Jupyter 添加了对 Jupyter Notebooks 的支持,从而在 VS Code 中实现交互式编码、数据分析和机器学习实验。
- Python 对于 Python 开发至关重要,包括 IntelliSense、linting 和调试等功能,这些功能对于 AI 和 ML 工作流程至关重要。
- 熊猫助手 提供对常用 Pandas 命令和操作的快速访问,使数据操作和分析更加高效。
- PyTorch 片段 提供 PyTorch 开发的片段,帮助您快速创建深度学习模型并训练神经网络。
- TensorFlow 片段 提供特定于 TensorFlow 的代码片段,以简化机器学习和深度学习模型的创建。
- MLFlow 用于管理机器学习模型的综合工具,在 VS Code 中提供版本控制、打包和部署功能。
- ONNX 模型查看器 帮助查看和检查 ONNX(开放神经网络交换)模型,促进跨框架更轻松地部署 AI 模型。
云和 DevOps
TIP优化云开发和 DevOps 工作流程。 :::- 地形 使用 Terraform 促进基础设施即代码的开发和管理,使云资源管理更加轻松。
- AWS 工具包 将 AWS 服务与 VS Code 集成,让您可以直接从编辑器管理和部署云资源和应用程序。
- Azure 工具 提供与 Microsoft Azure 服务的集成,使您能够在云环境中部署和管理资源。
- Kubernetes 提供 Kubernetes 支持,允许您在 VS Code 中管理集群、pod 和容器。
- 码头工人 可以轻松构建、管理和部署容器,从而促进简化的容器化开发工作流程。
- GitHub 操作 提供管理和监控 GitHub Actions 的接口,使持续集成和部署更容易处理。
- Jenkinsfile 支持 提供语法突出显示和片段,以便直接从 VS Code 使用 Jenkins 管道脚本。
- 安塞布尔 集成 Ansible 以实现基础设施管理自动化,从而更轻松地管理配置和部署。
性能和分析
WARNING使用这些工具分析和优化代码性能。 :::- 火焰图分析器 可视化 CPU 和内存消耗,帮助您识别应用程序中的性能瓶颈。
- 堆快照查看器 通过可视化堆快照帮助分析内存使用情况并查找内存泄漏。
- Python 分析 提供Python性能分析工具,帮助您识别缓慢代码并优化算法。
- Chrome 开发工具集成 允许您直接从 VS Code 使用 Chrome DevTools,为 Web 开发提供强大的分析和调试工具。
- Node.js 分析 为 Node.js 应用程序提供分析工具,帮助您优化服务器端性能。
- 去分析器 通过可视化 CPU 使用情况、内存分配和 goroutine 来帮助识别 Go 应用程序中的性能问题。
其他生产力助推器
IMPORTANT其他工具可让您的开发工作流程更加顺畅。 :::- 项目经理 帮助您快速高效地组织和在多个项目之间切换。
- 时间追踪器 跟踪您在不同任务和项目上花费的时间,帮助您管理工作流程并提高工作效率。
- 编码时间 跟踪您的编码活动和工作效率,深入了解您的工作效率。
- 书签 向编辑器添加书签功能,允许您标记重要的代码行以便于导航。
- 粘性卷轴 滚动时保持代码的标题和重要部分可见,从而更轻松地导航大文件。
- Markdown 多合一 通过提供预览、目录和自动格式化等功能来增强 Markdown 编辑功能。