VS Code折腾记 - (5) Angular 2+ && Typescript 2+必备插件推荐

前言

提及来我会用VS Code，有很大一方面是由于工做需(之前主力工具是Atom)，

恰好公司的前端技术栈是NG2+TS2;对于喜欢折腾的我，裸奔的VS Code是不能够接受的。so....

VS Code对于主流的语言智能提示都很赞，尤为对ng+ts支持至关完善

插件推荐

功能

• Auto Import : 对于一堆组件的咱们来讲，这货简直贴心，支持JSX和typescript，还有一些细致化的配置参数
• exports autocomplete : 和上个功能相似可是不等同，至关实用
• TypeLens : 类型引用索引展现，用过visual studio的都看到过，至关强大的一个功能；换个名词可能更多人知道，peek file
• TypeScript Import : 专门处理TS内模块导入的，和第一个互补；
• Typings : 这个就是用来处理d.ts的
• AngularDoc for Visual Studio Code : 这个插件能够分析整个项目的依赖生成一个相似思惟导图的（常常嗝屁，用了懒加载以后基本不全）， 可是有另一个至关实用的功能就是能够调用angular-cli的新建指令，在侧边栏右键能够直接看到;

代码片断

• Angular 2, 4 and upcoming latest TypeScript HTML Snippets : 在用这个插件以前，我装了几个NG2 snippet的插件，通过一段时间的比较，发现这个是比较全面和更新比较频繁的。。推荐嗯！！

语法

• Latest TypeScript and Javascript Grammar :完美的支持beta及稳定版本的TS语法；

总结

必备插件和工做栈插件的暂时就到此结束；

下篇文章就来讲说VS Code的常规设置及代码片断的写法以及快捷键的设置。