6个Angular开发者必备的VSCode扩展

在这篇文章，我将推荐6个我认为是使用VSCode开发Angular必备的扩展，如果你有喜欢的有用插件，也请推荐给我😁。

1. 扩展推荐

这是一个非常有用的插件，可以帮助你自动管理你的TypeScript import，当你复制一段代码是，TypeScript Hero会自动感知其中需要import的类型，并且自动import进来。有效节省你的时间。

其他有用的功能包括排序、删除无用的import等。

这个插件为Angular Template编辑提供了丰富的功能支持。假设你有一个Component如下：

1
2
3
4
5
6


course = { 
   title: 'The Complete Angular Course', 
   author: { 
      name: 'Mosh Hamedani'
   }
} 

借助这个插件，你可以很方便的编辑你的Template:

这个插件可以使用不同的颜色来标记不同类型的括号：

随着你的项目的发展，也许你想要将你的modules分解的更小、更容易维护。这时你必须移动文件还有文件夹，但是有个问题是移动文件和文件夹后，路径会改变，原先所有import它们的地方将失效，这时可能每个文件的import需要一个一个手动处理。

使用Move TS扩展，可以自动的帮助你管理移动文件和文件夹后的import。

一个Material风格的项目文件资源管理器图标主题。

另一个John Papa开发的有用扩展，可以在开发Angular项目时提高你的工作效率。

这个插件包含了大量的代码段，可以帮助你快速生成代码，免去重复的码字过程。代码段覆盖了component、service、directive、template等等组件，它的可以给你提供如下的快捷代码段生成：