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

时间：2020-12-29 18:03:13

前言

说起来我会用VSCode，有很大一方面是因为工作需求[以前主力工具是Atom]，刚好公司的前端技术栈是NG2+TS2;对于喜欢折腾的我，裸奔的VSCODE是不可以接受的。so….

eg: vsc对于主流的语言智能提示都很赞，尤其对ng+ts支持相当完善

插件推荐

功能

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

代码片段

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

语法

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

总结

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

下篇文章就来说说Vs Code的常规设置及代码片段的写法以及快捷键的设置。。。^_^

相关文章