这是我的 VSCode 扩展列表
IDE 体验
调试
测试
代码检查/格式化
定制
其他的
我是一名 Angular 开发者，每天都使用 VSCode。这份扩展列表主要是为我未来的自己准备的，以备不时之需，但也希望对其他人有所帮助。请注意，这份列表主要侧重于 Angular 扩展，但也包含一些不限语言的扩展。
IDE 体验
一般的
- 代码拼写检查器：我用它来确保我的拼写始终正确。它还有其他扩展程序，可以支持除美式英语以外的其他语言。
- VS Code 的 EditorConfig
- 我目前为止非常喜欢Git Graph。我之前一直在用 SourceTree，但发现它只能做一些基本操作，比如拉取、推送、提交、变基以及查看 Git 树状图。VSCode 已经具备拉取、推送和提交功能，而且有了 Git Graph，我可以轻松地进行变基操作，它还能绘制交互式的 Git 树状图。
- GitLens——Git 超级插件。这是另一个增强 Git 用户的扩展程序。它在 VSCode 中添加了许多选项，例如 Git blame、历史记录和轻松选择差异。
- TypeLens是我找到的，因为它是一个 C# 扩展。它可以显示变量、类、类型等几乎所有信息的引用。非常实用。
- 版本视图：此视图显示的信息与上述类似，但针对的是依赖项。我只将其用于 npm 包文件，但我认为它也支持其他类型的依赖项管理器。
- Visual Studio IntelliCode利用 IA 提供的建议改进您的代码。
Javascript/Typescript
- JS 参数注解在 JS / TS 文件中使用注解来模拟命名参数。
角
- Angular 语言服务由 Angular 团队提供支持，此扩展程序允许您编辑组件的 HTML，并对您使用的属性和方法进行验证和建议。
- Angular Schematics直接从 VSCode 使用 Angular CLI 的更好方法。
- Angular 支持为插值、变量、文件定义等添加了 Go To/Peek 支持。
CSS/SCSS
调试
我正在试用基于 Chrome 的新版 Edge 浏览器。目前为止感觉不错。所以，我现在只用这个浏览器。在此之前，我一直用的是普通的 Chrome 浏览器，搭配的是普通的 Chrome 扩展程序。
测试
如果您使用类似@angular-builders/jest 的工具，则需要配置 Jest 才能使其正常工作。
在您的设置中：
"jest.pathToJest": "ng test {{ your angular project name }}"
在你的launch.json
{
"type": "node",
"request": "launch",
"name": "vscode-jest-tests",
"program": "${workspaceFolder}/node_modules/@angular/cli/bin/ng",
"args": [
"test",
"{{ your angular project name }}",
"--runInBand",
"--testPathPattern"
],
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen"
}